SitePoint Sponsor

User Tag List

Results 1 to 5 of 5

Threaded View

  1. #1
    SitePoint Evangelist ucahg's Avatar
    Join Date
    Apr 2001
    Location
    Sarnia, Ontario, Canada
    Posts
    434
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Make IE6 Legend Padding go away

    I am trying to make the legend tag in a fieldset expand to take full available width, however it seems that I can't get rid of some extra space in IE6 (and lower versions most likely).

    This is my code:
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    
    <html>
    <body style="padding:0;margin:0;">
    
    <fieldset style="border:0px none; margin:0; padding: 0;">
    <legend style="width:100%;background:yellow;margin:0; padding:0;text-indent:0;border:0;">Health information:</legend>
    <form>
    Height <input type="text" size="3" />
    Weight <input type="text" size="3" />
    </form>
    </fieldset>
    
    </body>
    </html>
    I know this won't expand to the full width in Mozilla but I'm gonna have the legend text in <h3> tags in the destination HTML file. However right now I'm focussing on explorer, and you'll notice that the legend contents do not sit flush with the left side of the page. Is there any way I can fix this?

    Also if you could test how it works in whatever other browser you may be using, that'd be most excellent, just let me know if it's flush with the page edge (don't worry about the width).

    Thanks in advance,

    Edit:

    Perhaps this should've went in Browser Issues. Oh well
    Last edited by ucahg; Sep 18, 2003 at 17:51.
    Love it? Hate it? Helpful? Useless?
    Use the rate button to let me know what you think of my post!


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •