Peter,

On Feb 7, 2006, at 10:09 AM, Peter Lloyd wrote:

> See http://design.open.ac.uk/search_box_test.htm
>
> The problem comes in Safari (2.0.3, Panther) when I use the .left
> class in the main content div on content above the new search box.
> The .left styled image in the page above is pushed down so that the
> top is level with the top of the search box.  The text still flows
> around it as a normal float left.

It looks the same in ff1.501 and safari 1.3.2 (How'd you get v2 to run 
in 10.3 anyway?)

The spec <http://www.w3.org/TR/CSS21/visuren.html#floats> says "The 
outer top of a floating box may not be higher than the outer top of any 
block or floated box generated by an element earlier in the source 
document."  You can circumvent this by moving the 'float: left; to the 
#left_column and taking it off #leftcol and #search_box

BTW, there is a typo in the css
---------
h1, h2, h3, h4, h5 {
        font-family: Trebuchet MS, Arial, Verdana, sans-serif;
        font-size: 230%;
        line-height: 1.5em;
        color: #000000;
        font-weight:bold;
        margin: 15px 0px 10 px 0px;  /* this line has an extra space between 
the 10 and the px */
        padding: 0px;
}
-------
-- 
Roger Roelofs
"Remember, if you’re headed in the wrong direction,
        God allows U-turns!"
          ~Allison Gappa Bottke
______________________________________________________________________
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