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
Walking In Andorra
5:24p.m., 11 Jul
I've just returned from a week in Arinsal, Andorra. It's a popular ski resort, but almost the whole town seems ...A New Mix In The Cloud
5:27p.m., 30 May
I uploaded a new mix to mixcloud.com yesterday. The notion for the mix came from the grunge podcast we recorded ...League One Round-Up, Player Of The Year Awards 2009-2010
5:53p.m., 19 May
I've enjoyed this 2009/2010 football season. Huddersfield Town have managed to put together a young, hungry side with a smattering ...Wii Sports Resort Table Tennis - Tips To Beat Lucia
7:02p.m., 25 Apr
I love my Nintendo Wii. Partly it's because of the Wiimote, but mostly I love games that are simple to ...