Previous Message
Next Message

Re: [css-d] cross browser problem

Sent by Alex Robinson on 21 February 2003 21:09


>Opera 7.1 brakes the third top links into 2 parts


Well it will break in all kinds of places depending on how you resize the
window. You need the white-space property

<http://www.w3.org/TR/REC-CSS2/text.html#white-space-prop>


>Could somebody look at this ? IE6 shows it as intended, except for
>the img: that should be aligned with the top links.

Well, that's what should happen when the page is narrow enough - the
floated left and right nav blocks don't leave enough space for the logo and
so it pops down beneath the nav blocks.

You could position the logo absolutely. And then make the width of the nav
blocks a little smaller. However, you're always going to run the risk of
the elements overlapping to a greater or lesser extent. The simplest way
around that that I can think of is to nest the nav blocks in other divs,
float those left and right, with the width set to 50% (actually probably a
bit less because of the IE 3px added to the side of floats) and set the
relevant side margin to the width of the log divided by two plus any extra
space you require.
Previous Message
Next Message

Message thread: