Mon, 2003-12-15 15:45
See the attatched image, or view http://personal.djomp.co.uk/karting.php?s=n in Opera and Moz/IE.
The "Page 1" and "1 2 3 ... 10 >" bits are floated left and right. So the box underneath (with the blurb about the karting) has "clear:both;". Given that the red/pink box is a DIV in itself, IE and Moz do as I'd expect, clear below the pages.
But Opera decides to clear it below everything in the page - including the navigation bar, which is outside of the container div!
Well that's how I thought things worked until I just read the W3 CSS stuff again...
Quote:
The generated box is moved below all floating boxes of earlier elements in the source document.
So Opera is doing things right.
In that case, workarounds? I can't just clear:left since the left box is smaller than the right box...
Mon, 2003-12-15 22:20
#1
Clear: problems... Which is right?
Instead of floating the box right, create 2 columns, one to contain the centre info, and another to contain your rh box. Then float the containers, so you do not have to clear anything.
Regards
Day
Mon, 2003-12-15 23:16
#2
Clear: problems... Which is right?
That's what I've sort of done... although the 'main' one isn't floated. Will have a fiddle tomorrow, thanks.
But I'll still have to clear the box with the report in won't I? Will look and get back to you