IE7 css rendering problem
Posted: 07 December 2007 08:18 AM   [ Ignore ]
Total Posts:  1
Joined  2007-05-31

Hi all,

As shown in the image of the attachment the IE7 doesn’t render legend border, but there is no rendering problem with IE6 or Firefox

This is the html I used for the above part:
      <label><?=_(‘User Name’)?></label><input type=“text” name=“user_name” id=“userName” />
      <label><?=_(‘Password’)?></label><input type=“password” name=“password” id=“pswd” />
      <input type=“submit” value=“Sign In” />

      <!—Forgot your password?—>

The css I used for it :
fieldset { margin:0 0 10px 0; padding: 10px; border: #DDD 1px solid; background-color:#FFF;}
legend { font-weight: bold; color: #666; }
fieldset label{ position:relative; margin-right: 10px; padding-right: 10px; width: 15em; display: block; float: left; text-align: right;min-height:1em;top:0.25em;}

Please guide me a way to fix this, this is for the FOSS project SAHANA

Posted: 21 February 2008 03:08 PM   [ Ignore ]   [ # 1 ]
Total Posts:  52
Joined  2007-11-08

If it doesn’t work with <legend>, try with something else, like a span or even <strong> tag, add a border to the element in your css and the work is done..