Forum Moderators: open

Message Too Old, No Replies

Mac support for fieldset and legend elements

Html Coding

         

branmh

1:15 am on Dec 15, 2004 (gmt 0)

10+ Year Member



I just ran across this coding and have tested it in IE 6.0 and Linux. I was wanting to know if this would work in Mac Browsers and do you think this would be good to use?


<div style="padding: 5px;">
<fieldset style="border: 1px solid #FFFFFF; padding-left: 5px; padding-right: 5px; padding-bottom: 5px">
<legend class="blockTitle">Title Here</legend>
<div class="blockContent" style=" padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px">content here</div>
</fieldset>
</div>

tedster

3:50 am on Dec 15, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



SAFARI
Safari does not support the <legend> element, but I read conflicting reports about how or whether it supports <fieldset>.

Here's a good read from Accessify about Safari support [accessify.com]

INTERNET EXPLORER 5 - Mac
However, there are still more IE5/Mac users than Safari/OSX users - and my Mac is over in another building right now so I can't test and can't find any online references.

matkat

4:13 pm on Dec 15, 2004 (gmt 0)

10+ Year Member



It seems to display okay on a Mac with IE5. Blue background, title top left interrupting a white border line and the content in the box also with the blue background.

whoisgregg

8:53 pm on Dec 15, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



It looks like I expect it to in Safari and Mac IE5. :)

Sticky for a link to screenshots, if interested.

Support for legend in Safari was added over a year ago, according to my source [weblogs.mozillazine.org]. And a search for "safari fieldset legend [google.com]" indicates that there are plenty of folks using those tags and styling them with CSS.

tedster

9:01 pm on Dec 15, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Thanks for the update, whoisgregg. I should have checked those resources first thing, but instead I got complicated!