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
, changemargin-left: 300px
padding-left: 300px
. adddisplay: block
. make same changes nextlabel
.
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
Post a Comment