2 replies [Last post]
dJomp
dJomp's picture
Offline
Enthusiast
Last seen: 3 years 37 weeks ago
Joined: 2003-03-23
Posts: 422
Points: 0

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...

You know you're a geek when you try to shoo a fly away from the monitor with your cursor.

Daybreak_0
Offline
Enthusiast
Sydney, Australia
Last seen: 15 years 48 weeks ago
Sydney, Australia
Timezone: GMT+10
Joined: 2003-11-15
Posts: 389
Points: 0

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

The only way to learn is to do it yourself

dJomp
dJomp's picture
Offline
Enthusiast
Last seen: 3 years 37 weeks ago
Joined: 2003-03-23
Posts: 422
Points: 0

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

You know you're a geek when you try to shoo a fly away from the monitor with your cursor.