Christian Kirchhoff schrieb:
> Hello,
>
> it seems to me that Firefox or IE7 - if an object has clear: left, right 
> or both - only clear floated objects up to a parent that is positioned 
> absolutely or relatively. IE6 seems to clear all floated objects on the 
> page.
>
> Is that correct?
>
> I have a two column layout: left menu column and main content column.
> The left menu is floated left.
> The content (position: relative) contains blog entries, thus several 
> divs following each other. Every div contains
> - title
> - main text, may contain left or right floated images
> - footer div with link to comments
>
> I had to set the floated images to "position: relative" because 
> otherwise they go under the blog enrty divs (in terms of z-order) and 
> thus are hidden.
>
> When the main text is short, but there is a floating image, in IE6 the 
> footer goes right under the main text. Thus I thought I can set the 
> footer to clear: both. But then it clears the left menu column as well...
>
> The page isn't public therefore I cannot provide a link.
>
> Best regards,
>
> Christian
> *Directmedia Publishing GmbH* · Möckernstraße 68 · 10965 Berlin
> www.digitale-bibliothek.de
> AG Berlin-Charlottenburg · HR B 58002 · USt.Id. DE173211737
> Geschäftsführer: Ralf Szymanski · Erwin Jurschitza
> ______________________________________________________________________
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>   
Ok, I prepared some examples.

Example 1:
http://www.digitale-bibliothek.de/Zenotest/blog1.htm
http://www.digitale-bibliothek.de/Zenotest/style1.css

In IE6, the image is behind the div#postbox. To get it to the front, I 
simply define "position: relative;" or the image.

Example 2:
http://www.digitale-bibliothek.de/Zenotest/blog2.htm
http://www.digitale-bibliothek.de/Zenotest/style2.css

Here I defines "position: relative;" or the image. But then, because it 
is flowing and therefore taken out of the regular box flow, it doesn't 
force the div#postbox's height to extend. Therefore I defined "clear: 
both;" for the feedback, but it clears the left menu as well now. In 
addition I would have to clear left or right flowing images in the 
postbox as well in order to force them to stay one under the other. But 
those images would go under the left menu as well.

Any help?

Regards,

Christian
*Directmedia Publishing GmbH* · Möckernstraße 68 · 10965 Berlin
www.digitale-bibliothek.de
AG Berlin-Charlottenburg · HR B 58002 · USt.Id. DE173211737
Geschäftsführer: Ralf Szymanski · Erwin Jurschitza
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to