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