Aaargh! Styling Fieldsets & Legends
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 ...