Clearfix problem

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

Threaded View
I'm working on two coulumns layout. Left div contains menu and basket
while right contains main content...

<div id=3D"wrap">
<div id=3Dleft>
<ul id=3Dmenu>
<div id=3Dright>
In right div (content) I have div with image floated to left. Image
float doesn't work well, of course, so I add class clearfix to that
div with floated element. It should be streching vertically just
enough to hold floated image and text within that div but it stretches
too much. I noticed that it spreads vertically to dimensions of
content of left div where my menu is. So, if I add things to my left
column my floated div is spreading more and more...
Funny thing is that if I have two divs in right column second div has
no problems.

Do you have any idea what seems to be the problem?

Netko zna o8Demu je rije=C4=8D?

        *****   1.2. Clearing floats            *****

.clearfix:after {

/* Hide from IE Mac \*/
/* End hide from IE Mac */

Re: Clearfix problem

Quoted text here. Click to load it
Quoted text here. Click to load it

You did not provide a url that emulates your issue.

The source you provided did not emulate your issue.

BootNic   Monday, April 02, 2007 7:29 AM

If you can learn from hard knocks, you can also learn from soft
*Carolyn Kenmore*

Re: Clearfix problem

Quoted text here. Click to load it

It's hard to know for sure without seeing your actual example. Post a

You see, it depends among other things on how you're doing the left and
right divs. It may be that clear is clearing some other floats over on
the left that you don't expect it to clear. clear clears all floats in
its block formatting context, not just in its containing block.

Site Timeline