xhtml

Wow, dat is een heel verhaal! Bedankt! De lay-out is nu goed, behalve het centreren maar dat is niet zo belangrijk.
Dus dit: width: 760px; \width: 780px; w\idth: 760px; zorgt dat de browsers alles goed laten zien?

Kan iemand dan ook nog naar mijn probleem kijken :P

http://www.leerlingenweb.net/temp.htm
CSS: http://www.leerlingenweb.net/templates/llweb-xhtml/css/template_css.css

Voor box-model hack heb ik een poging gedaan met voice-family

Het probleem is dat in ie het menu achter de zijbalken verdwijnt en de content naar beneden wordt geduwd.

Menu zou je kunnen oplossen met z-index en dat de content naa beneden wordt gedrukt, tja, dat is een bekend probleem bij mij in IE.

Ik denk dat de oplossing daarvoor ligt in je padding's en margin's. Misschien dat die de middelste div er een beetje tussenuit 'persen'.

bedoel je dat ik de margins niet moet gebruiken?, ik gebruik margins namelijk om ruimte links en rechts te maken voor de menus

Ik zeg niet dat je ze niet moet gebriken, is zeg dat het daar aan kan liggen.

Probeer ze er eens uit te halen, en kijk of hij nog steeds de inhoud ertussen uit perst. Dan weet je in ieder geval dat het daar (niet) aan ligt. En dan kun je een toepasselijke oplossing vinden.

Omn een probleem op te lossen, moet je het eerst weten wat nou precies het probleem is.

als ik de margins weg laat komt ie in IE onder het rechter menu te hangen, hij gaat dus wel omhoog, alleen in FF verdwijnt dan het linker menu erachter, dan kan ik wel weer met de z-index gaan werken, maar daarmee is het in IE dus nog niet perfect.

IE is vereweg van perfect...

Maar heb je ook een voorbeeld van wat er precies gebeurd als je de margins weg haalt? (screeny ?)

FF: http://www.leerlingenweb.net/images/screeny/ff-nomargin.png

IE:
http://www.leerlingenweb.net/images/screeny/ie-nomargin.png