Forum Moderators: not2easy

Message Too Old, No Replies

Div won't butt up to floated Div in ie6

seems to have 'clear right' rule

         

erdy

11:35 pm on Jun 23, 2007 (gmt 0)

10+ Year Member



Hi,

I have a centrally aligned container div with a fixed width of 800px.
Inside there are two other divs - both 400px.
They are both floated left and sit side by side.
The left div is 200px high, and the right div is 280px high.
All is good up until now.
I now want another div that will be 400px wide by 80px high to sit tight under the left div and tight next to the right div.
Hopefully the dimensions will help you understand what I mean.
Basically the three divs should make a perfect rectangle inside, and at the top of the container div.
This all works well in Firefox, but in ie6 the third div seems to clear the div on the right. I have tried to apply Display:inline but this doesn't work.

Can anyone help?

DrDoc

12:06 am on Jun 24, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



How are they arranged in your source code? If you put the right-floated div first, I don't see why it shouldn't work.

erdy

9:40 pm on Jun 24, 2007 (gmt 0)

10+ Year Member



DrDoc,

Thanks, that did it. Thought I had tried that already, but obviously hadn't.

Thanks again

Erdy