Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.5a is a product of Lussumo. More Information: Documentation, Community Support.

CSS & HTML: setting background on form <fieldset>'s in I.E.

Bottom of Page

1 to 2 of 2

  1.  
    •  
      CommentAuthorahicox
    • CommentTimeFeb 23rd 2006
     permalink
    Hello CSS gurus:

    check this out

    http://andrew.hicox.com/test/form_test.html

    so this styling works just fine in Safari and FF, but in I.E. the gradient background applied to the <fieldset> runs outside of it's own border!!

    Does anyone know a way to fix this for I.E?

    thanks everyone,

    -Andrew
    •  
      CommentAuthorJohnRiv
    • CommentTimeFeb 23rd 2006
     permalink
    I've gotten around that in the past by shifting the background image down with IE-targeted CSS (use conditional comments or your CSS hack of choice). For that to work though you need to set the legend's height-affecting CSS values with px units so changing the font size in IE does not cause the colored part of the background image to shift position above or below the border.

    The Man in Blue has another option at http://www.themaninblue.com/experiment/InForm/fieldset.htm that gets around it by not using a legend tag.

    Both his option and my option are lacking when it comes to accessibility though, so neither of these are ideal.

1 to 2 of 2

  1.  
Add your comments
    Username Password
  • Format comments as (Help)
 
Back to Discussions Top of Page