[CSS/XHTML] Firefox plaatst DIV's verkeerd

[Verwijderd]

Ik ben bezig met het in XHTML omzetten van een lay-out van mij. Nu werkt het in hogere resoluties perfect, want mijn content vlak en header worden gecentreerd. Alleen als ik op mijn kleinere monitor met 800x600 resolutie deze bekijk, heb ik side scrolling (logisch, mijn header is 900 pixels breed), maar mijn content vlak wordt dan in het midden gezet van het beeld op dit moment, en niet van de hele pagina. Dus mijn header zit op een totaal andere plaats dan het content vlak. In IE werkt het echter perfect. Voorbeeld hoe het er uitziet:



Een link van de layout kun je http://sd.thijsdewert.com/ vinden. Dan moet je even het FF browserscherm horizontaal verkleinen, en even naar rechts scrollen, en dat vergelijken met IE.

Ik hoop dat iemand een oplossing heeft

[Verwijderd]

Komt het dan niet omdat je header dan zo groot is, dat het niet meer in 't midden kan staan, maar rechts meer uitbreekt?
Je content vak staat dus wel gewoon in 't midden?

[Verwijderd]

De header is wel iet-wat te groot voor een 800*600 monitor. Alleen dat contentvak staat in 'het midden' van de monitor, niet van de pagina. als het in het midden van de pagina zou staan, zouden er aan beide kanten 84px over moeten zijn. maar blijkbaar heeft firefox het dus over het midden van het scherm, en ik over het midden van de gehele pagina. De content is trouwens een plaatje, geen div, even voor de duidelijkheid. Het plaatje hoort zich dus onder de header te centreren.

[crisp]

align voor div-elementen is deprecated en align="center" is niet geldig voor images. Regel het centreren gewoon met CSS.
en je pagina is ook invalid HTML - zo verstuur je het immers

[ Voor 25% gewijzigd door crisp op 29-05-2006 22:26 ]