SitePoint Sponsor

User Tag List

Results 1 to 2 of 2

Thread: Legend not showing in IE

  1. #1
    SitePoint Member
    Join Date
    Mar 2011
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Legend not showing in IE

    I'm using IE8/9, the form fieldset is showing but not rounded, and the legend is not showing. but works ok with other browsers.
    here's the CSS snipet

    form { }
    form fieldset { border: 3px solid #CCCCCC; padding: 12px; margin-bottom: 1em; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;}

    form fieldset legend { color: #6DA92D; font-family: Georgia, Times, "Times New Roman", serif; font-style: italic; font-weight: bold; padding: 0 6px; top: -0.75em; left: 1em; }


    any help will be appreciated

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    SitePoint Award Recipient Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    37,875
    Mentioned
    103 Post(s)
    Tagged
    3 Thread(s)
    If you change any aspect of the default border on the fieldset in IE then it defaults to a square border and cannot be changed in IE8 and under. IE8 and under don't understand border-radius either but it will be rounded in IE9.

    The legend is almost impossible to style cross browser so read this article for ways around it.

Tags for this Thread

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
  •