Skip to Content - 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:

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:

Latest Posts

Blog Categories