[IE vern*ukt site] block-background niet binnen de margins

[phaas]

Ik ben bezig aan een project-site, die je kunt vinden op http://www.edukitty.org
Als je um ff opent in FF zie je dat de background van het midden veld (die drie gekleurde strepen) gelijk loopt met de menu'tjes ed.
In IE ziet dit er natuurlijk weer eens niet uit en loopt de background buiten het midden-veld terwijl de rest van de margins wel gewoon in acht genomen worden.

Dit is het stukje CSS dat verantwoordelijk is voor het midden v/d pagina.

Cascading Stylesheet:

#centralArea
{
    margin: 0;
    padding: 0;
    background: #84acd4 url('../images/bg_tile.png');
    margin-left: 6em;
    margin-right: 6em;
    padding-top: 2em;
    padding-bottom: 2em;
    background-repeat: repeat-y;
    
    display: block;
}

De andere stylesheets zijn hier te vinden.

Dan heb ik nog een tweede probleem en dat is dat bij een hoge reso het midden-veld niet helemaal doorloopt tot aan de onderkant van de pagina.
Dit is goed te zien bij de bijna lege pagina op:
http://weblog.edukitty.org
(Het probleem is vanwege het eerste probleem alleen in FF zichtbaar)

Wie weet er raad?

[André]

Zonder de boel uit te gaan zitten pluizen: die strepen gelijk krijgen is gewoon een kwestie van je body een background image geven die precies zo breed is dat de strepen gelijk lopen aan die van je menu. Om geen herhaling te krijgen zet je de background op repeat-y. Simpeler kan bijna niet.

En dat het middenveld niet doorloopt tot het einde van de pagina kun je waarschijnlijk verhelpen door dit in je stylesheet te zetten:

code:

html, body {
  height: 100%;
}

[ Voor 4% gewijzigd door André op 18-02-2005 23:07 ]

[Verwijderd]

In plaats van met margin-left te werken kan je de layer ook met

Cascading Stylesheet:

position: absolute;
left: x;
width: x%;

van de kant af zetten.

[phaas]

André schreef op vrijdag 18 februari 2005 @ 23:07:
Zonder de boel uit te gaan zitten pluizen: die strepen gelijk krijgen is gewoon een kwestie van je body een background image geven die precies zo breed is dat de strepen gelijk lopen aan die van je menu.

Dat had ik eerst gedaan maar aangezien de margins in em zijn kwam dat niet met elke fontsize gelijk uit.

[JHS]

phaas schreef op zaterdag 19 februari 2005 @ 10:01:
[...]


Dat had ik eerst gedaan maar aangezien de margins in em zijn kwam dat niet met elke fontsize gelijk uit.

Dan doe je de margins in een andere eenheid?

[André]

Inderdaad, ik zie het nut niet van margins in em, doe die gewoon in px