Sent by Ingo Chao on 6 July 2006 18:06
Mark Batty (Gmail) wrote:
>> This is due to the overflow:hidden; I am not sure if this is a bug. I
>> think Safari needs a width in #cwrap. A problem, regarding your
>> em-padding on these elements. A better understanding of the bug would
>> give us a better solution.
> Do you think that setting #col1 to 99.9% or hiding the overflow: hidden
> from Safari would help or is it a more fundamental problem?
> Unfortunately I can't test this :(
I think this represents your problem and shows what William mentioned:
http://www.satzansatz.de/safari/floatprecoverflow.html
The output in Fx is:
Float
Lorem ipsum dolor sit amet.
Safari shows:
Float
Lorem
ipsum
dolor
sit
amet.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="generator" content="HTML Tidy for Mac OS X (vers 1
September 2005), see www.w3.org" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
/*<![CDATA[*/
..hnav {
width: 100%;
float: left;
}
#cwrap {
overflow: hidden;
padding-right: 16em;
clear: both;
}
/*]]>*/
</style>
</head>
<body>
<div class="hnav">
Float
</div>
<div id="cwrap">
Lorem ipsum dolor sit amet.
</div>
</body>
</html>
I found this bug as
Bug 5752: Width incorrect on overflow after float
http://bugzilla.opendarwin.org/show_bug.cgi?id=5752
Workarounds could consist in separating the float from the overflown
container, or removing the float:left and using another property to
enclose the floating children of .hnav, or applying a width to the #cwrap.
Ingo
--
http://www.satzansatz.de/css.html
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/
