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
New Launch: Global Radio App
5:35p.m., 3 Sep
The new Global Radio App for iPhone and iPad was released a little over two weeks ago (20 August) and ...How The sort() Method Of An Array Works
1:17p.m., 2 Dec
... or "What I What I Learned from the Exercise In Futility, Part 2". (This follows on from my earlier ...Custom Constructor With An Unknown Number of Arguments
10:19p.m., 30 Nov
...or "What I What I Learned From An Exercise In Futility, Part 1" - how to enforce the 'new' keyword ...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 ...