On Jul 18, 2007, at 1:53 AM, Josue Martinez wrote:
> I was wondering if Safari allows you to style forms, as the
> rendering on
> this page is broken in Safari, but not in any other browser:
> http://www.columbia.edu/~jm2939/interest_form.html
>
> [...]
>
> Safari 1.3 (or something like that) in Mac is not displaying the form
> properly. There are two fieldsets, and the form elements inside the
> fieldsets are floated. Perhaps I should try floating the fieldsets
> themselves to see if that makes them expand to hold their content.
A fieldset is supposed to establish a new block formatting context
[0], and as such, contain all floated elements.
Unfortunately, Safari 2.0.x and older doesn't do that, and hence,
your floated elements visually escape out of the fieldset. That
problem has been fixed in nightly WebKit builds and Safari 3.0 beta.
The solution is to use the easy clearing method for Safari [1]
fieldset::after {content:'[.]'; clear:both; visiblity:hidden;
display:block; height:0;}
[0] <http://www.w3.org/TR/CSS21/visuren.html#q15>
Although the specs are not clear about this for a fieldset, it is
what browsers actually implement.
[1] <http://www.positioniseverything.net/easyclearing.html>
Philippe
---
Philippe Wittenbergh
<http://emps.l-c-n.com>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
