Archief - CSS: div onder lijst in firefox

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
T

Tiet

Legacy Member
De div (met de flashy gele border) komt in Firefox achter het menu te staan. In IE (7) komt hij onder het menu te staan (zoals het moet). Het menu dat onder de header staat heeft een bottom-margin van 15px maar de div staat gewoon achter het menu. Ik heb al gezocht op Google, A List Apart en Listamatic maar nog niets gevonden.

De site is hier te vinden.

Als er nog vragen zijn rond de code zal ik deze zo snel mogelijk proberen te beantwoorden.
g

grooverider

Legacy Member
om eerst even niet op uw vraag te antwoorden: waarom gebruikt ge niet dat geel voor de navigatie, want dat oranje past er echt niet bij. Zou veel mooier zijn dat geel in uw navigatie te gebruiken, met zwarte of blauwe letters in, en geen kader te trekken rond uw content gedeelte.
Maar ik zal op de vraag proberen te antwoorden:
In FF werkt het als je #content een margin-top van 30px meegeeft.
Kleine nuance: FF geeft je site weer zoals het hoort, IE doet er soms wat zijn eigen ding mee. Ik denk dat het in dit geval iets te maken heeft met collapsing margins: de margin-bottom van uw menu en de margin-top van uw #content. Ik ben niet zeker maar ik denk dat volgens de W3C standaarden de kleinste waarde van de 2 wordt aangenomen, in dit geval dus margin-top: 0 van #content (en idd FF toont het zoals hij het hoort te tonen).

kleine tip: probeer web developer toolbar en firebug vor FF eens uit. In web developer zit oa live css editing, zo heb ik gevonden waar het fout zat..
T

Tiet

Legacy Member
Ik heb nu #content een topmargin van 40px gegeven en nu staat dze div 40px te laag in IE.
De 40 komt van de 20px van het menu, de 15px margin en de 5px van de border.

EDIT: Nu heb ik de topmargin van #content weggehaald en het menu een topmargin gegeven om te laten zien wat ik juist niet snap. Je kan nu zien hoe #content achter het menu staat. Hoe komt dit?

EDIT2: Probleem is opgelost, oplossing:

-Float: left; weggehaald bij het menu
-Overflow: auto; bij het menu bijgezet

https://www.beyondgaming.be/archive...fox-en-opera-negeren-height-bij-floats.497210

Met dank aan ZeroGrav!
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan