[css] dl in floating div en tab-knoppen

[RvdH]

Hoi,

http://www.onlinebookauction.com/test.php

Hier heb ik mijn probleem geminimaliseerd in 1 pagina.
Er zijn eigenlijk twee problemen:
Ten eerste in Internet Explorer laat hij de border-bottom van de <li class="cur"> niet zien, deze is dezelfde kleur als de achtergrond en zou daarom het stukje border moeten doen verdwijnen. In Firefox werkt dit wel maar IE laat er schijnbaar nog ruimte tussen ofzo, waardoor de border van de content div zichtbaar blijft. Hoe is dit op te lossen? Veranderen van margin-top heeft geen effect. Tevens lijkt IE z-index compleet te negeren.

Ten tweede iets dat IE wel naar wens doet: de <dl> bevindt zich naast de bovenste van de twee blauwe blokken. In Firefox staat hij echter naast de tweede. Hoe is dit op te lossen?

[BtM909]

Grappig, bij mij is het eerste probleem precies andersom

edit:

Wat betreft je tweede probleem: Waarom die right div floaten op links

Je kan die float of weghalen? Of je moet die float ook toepassen op div.left

[ Voor 60% gewijzigd door BtM909 op 23-11-2004 11:31 ]

[Rowanov]

De top margin van je container op 0 zetten kan hulp bieden.

[RvdH]

BtM909 schreef op dinsdag 23 november 2004 @ 11:27:
Grappig, bij mij is het eerste probleem precies andersom

Hm, wat bedoel je precies?

edit:

Wat betreft je tweede probleem: Waarom die right div floaten op links

Je kan die float of weghalen? Of je moet die float ook toepassen op div.left

Ik heb nu die float weggehaald, en dan zie je meteen waarom die er op zat: alles staat nu onder elkaar ipv indented. Het staat nu echter wel in Firefox zoals het hoort bovenaan.

Ah: als ik de left div ook een float:left geef, dan komt de dl ook in Firefox bovenaan te staan. Daarmee is dan probleem 2 opgelost.

Rowanov schreef op dinsdag 23 november 2004 @ 11:28:
De top margin van je container op 0 zetten kan hulp bieden.

Helaas maakt dit geen verschil, voor geen van de 2 problemen.


Nu blijft dus probleem 1 over, waarom laat IE de border van de content div zien ondanks dat de border-bottom van de <li class="cur"> de achtergrondkleur heeft.. het lijkt erop dat de content div "over" de ul heen ligt, dit zou op te lossen moeten zijn met z-index maar dat negeert IE dus

[BtM909]

RickJansen schreef op dinsdag 23 november 2004 @ 11:43:
[...]

Hm, wat bedoel je precies?

2 Pics zeggen meer dan 1000 woorden
IE:


Firefox:

[Reinier]

Ik heb vrijwel dezelfde tabknop-manier gebruikt op http://fiat127club.nl/ Echter, ik heb de div.content geen border-top gegeven, maar de UL heeft een border-bottom. Als je dan de LI's een border bottom geeft (li.sel in de achtergrondkleur en de andere LI's in de kleur van de border), dan moet het volgens mij wel lukken.

[Verwijderd]

z-index werkt alleen op gepositioneerde elementen, dus dat moet je even doen

[RvdH]

BtM909 schreef op dinsdag 23 november 2004 @ 11:49:
[...]


2 Pics zeggen meer dan 1000 woorden
IE:
[afbeelding]

Firefox:
[afbeelding]

Hey.. wtf.. Firefox in Linux laat dus *geen* pixel tussen de onderkant van de ul en de bovenkant van de div, terwijl in Windows allebei de browsers dit wel doen!

Reinier schreef op dinsdag 23 november 2004 @ 11:52:
Ik heb vrijwel dezelfde tabknop-manier gebruikt op http://fiat127club.nl/ Echter, ik heb de div.content geen border-top gegeven, maar de UL heeft een border-bottom. Als je dan de LI's een border bottom geeft (li.sel in de achtergrondkleur en de andere LI's in de kleur van de border), dan moet het volgens mij wel lukken.

Maar jouw ul strekt helemaal van links naar rechts, mijn ul is niet net zo breed als de content div. En als je een ul een border-bottom geeft, en een li een andere kleur border-bottom, dan laat ie alsnog alleen die van de ul zien. Ik word gek