css - why i get button stretch width problem on IE? -


i have button on login page results stretched in ie browser versions.

plese @ live site black "login" button here: www.urbanclaim.com

this code use button: (view source code form structure)

<input style="margin-left:15px;"  type="submit" name="submit" class="button" value="<?php echo jtext::_('login') ?>" /> 

how can solve problem on ie?? thanks.

your button work fine in ie8/9, have this:

<meta http-equiv="x-ua-compatible" content="ie=emulateie7" /> 

which forces browsers emulate ie7, version has problem button.

to fix ie7 (and other versions of ie in ie7 mode..):

  • on label parent of .art-button-wrapper, change margin-left: 300px padding-left: 300px. add display: block. make same changes next label.

see in ie7: http://jsbin.com/akavef/3

<!-- <label style="margin-left:300px;font-weight: bold; "> --> <label style="padding-left:300px;font-weight: bold; display:block "> 

Comments

Popular posts from this blog

c# - SharpSVN - How to get the previous revision? -

c++ - Is it possible to compile a VST on linux? -

url - Querystring manipulation of email Address in PHP -