2 replies [Last post]
lycka
Offline
newbie
Last seen: 16 years 14 weeks ago
Joined: 2004-07-26
Posts: 2
Points: 0

I have an interesting problem. Because it is the first time the the IE5 and 6 are doing exact what I want, but the rest (Firefox and Opera) are having problems.

I made a Navigation using just <a>Tags. To give them a consistent width I used display: block and float: left;
But now are they floating out of the container... to solve this problem I gave them the height of 12px.
That works fine with the IE but not with the rest and I don't know why. Would be nice if you could help

The URL:
http://aktionkultur.com/neu/

Here is also a Screenshot made with Opera7:

Why are the other browsers displaying the height not correctly?

Thank you for your help...

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 42 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

IE no problem - but with the rest

Hi Lycka,

I think it's a clearing float problem, IE incorrectly expands the box , you've used <hr> to clear but set it to display:none in effect taken out of the page!

heres a link to a better way of clearing,

http://www.csscreator.com/attributes/containedfloat.php
and
http://www.positioniseverything.net/easyclearing.html

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

lycka
Offline
newbie
Last seen: 16 years 14 weeks ago
Joined: 2004-07-26
Posts: 2
Points: 0

IE no problem - but with the rest

Thank you Hugo for your fast reply and for the links
I fixed the problem. It was like you said a clearing problem. With the article at positioniseverything I got the information I needed. First I wanted to use a Hack, but than it worked also without one.

Thanks