SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Member
    Join Date
    Mar 2011
    0 Post(s)
    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
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Hampshire UK
    182 Post(s)
    6 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


Posting Permissions

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