2nd dispenser refuel under 1st dispenser, what are the common reasons for this?

Question

My HTML is too complex to post here.

I have a 2 column layout, the first column is 160px and the second is much larger.

For some reason, the second column falls under the 1st column.

What are the common reasons for this?

Update

I want this:

Column # 1 Column # 2

Which is displayed ( firefox is fine, IE6 is causing the problem ):

Column # 1
Column 2

Update

The second column is wrapped in

And blueprintcss has the following:

.container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

So I think it is clear: both ?

+1

yogurt May 14 '09 at 20:20

2 answers

Paul D. Waite · Answer 1 · 2009-05-14T20:43:58+0000

Assuming both columns are positioned (left), the second column will be squeezed below the first if:

If the problem occurs in IE 6, it might be IE 6 3-pixel gap error .

(Wed is probably more likely to help you if you put some actual code in the post. Guess so far.)

Update

I don't think its clear: both;

- this rule won't affect IE 6 as it doesn't support pseudo selector :after

. Here is her test page:

wojciechgabrys.com · Answer 2 · 2009-05-20T22:18:29+0000

In addition to the Paul 2 reasons, you should keep in mind the IE6 "double edge" bug.

In IE6, the property float

doubles the margin accordingly ( float: left;

affects margin-left

and vice versa).