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 PROTECTED]
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/

Reply via email to