Previous Message
Next Message

Clearing floats

Sent by Bob Easton on 28 March 2004 12:12


[EMAIL-REMOVED] wrote:
> Hi. I'm working on
> http://www.salemobserver.com/Templates/css-3col-layout.aspx and trying
> to get a div in the header to work properly. If you keep refreshing the
> page, you will notice that there are two advertisements in rotation. One
> is 468x60 and the other is 728x90. I want the CSS to determine whether
> the 728-sized ad to push the logo down, while the 468-sized ad is snug
> neatly to the right of the logo.
> [snipped]
> Any ideas would be helpful. Thank you.

You are correct, IE is not following the spec.  IE will erroneously 
expand the float to accommodate the contents.  The behavior you are 
trying to achieve can be done only with this erroneous function.  One 
technique you might try is described in Eric's "Containing Floats 
article."  See the part of the article with the heading "Set a Float to 
Fix a Float."  In essence, float both the banner and the H2 with widths 
that will force one to drop.

[1] http://www.complexspiral.com/publications/containing-floats/
-- 
Bob Easton
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: