Skip to Content

Gareth53.co.uk - the online home of Gareth Senior

Aaargh! Styling Fieldsets & Legends

2:39p.m., Tue 25 Sep 2007

I've just spent 3 hours styling a fieldset & legend for IE (6 & 7), Opera 9, Firefox 2 and Safari 2. It was a super pain in the arse.

I managed to do it without resorting to any javascript though which was pleasing, only an IE conditional comment to include a CSS.

The results are here: http://www.newmusicrising.com

The problems were numerous, not just related to IE, since FF seems to render these objects differently to Opera & Safari, adding phantom margin & padding that just won't go away.

The default view of a legend is ugly (and weird) rendering copy over the top borderline of the fieldset, Ugh!

Anyhoo, I found this link helpful:

http://www.tyssendesign.com.au/articles/css/legends-of-style/

Latest Posts

  • Muppets Birthday Card

    5:47p.m., 28 Nov

    Emma loves The Muppets. She even has her own Muppet who we call Emma Too and who was born at ...
  • Detecting Online Status In The Browser

    11:55a.m., 28 Nov

    I was just heading into a meeting when I was asked how our (mostly web-based) iOS application was going to ...
  • Dropping Support for Internet Explorer 6

    2:37p.m., 11 Oct

    Microsoft's Internet Explorer 6 has long been the bane of every front-end developer's life. It's a 10-year old browser - ...
  • Xfm Buzz - A Radio Hack

    1:15p.m., 31 May

    At Global Towers we developers have 10% time to go away and hack at something that might, ultimately, bring value ...

Blog Categories