Slice met marge aan de boven en onderkant

[Verwijderd]

Ik heb een slice die de hele viewport opvult (zie onderstaand het is een lay-out met een header en een vaste footer onderaan de pagina)

Nu zou ik graag willen dat deze slice bijvoorbeeld 100px vanaf boven begint en 80px vanaf de onderkant stopt.

Iemand een goede suggestie hoe ik dat zou kunnen oplossen? (heb even niets openbaar staan)

code:

body { 
    position: relative;
    margin: 0 auto;
    width: 1000px;
    background: url( slice.png) repeat-y;
    min-height: 100%; 
    text-align: left;   
}

[MAX3400]

margin top & margin bottom?

[Verwijderd]

Cascading Stylesheet:

#main {
    position:absolute;
    top:100px;
    bottom:80px;
    left:0;
    right:0;
}

Werkt in alle moderne browsers behalve IE6. In IE7 heb je wel een pagina in standards mode nodig.

offtopic:
Reps voor je Crocop icon, MAX3400

[ Voor 11% gewijzigd door Verwijderd op 30-01-2009 11:47 ]

[Verwijderd]

Oke lijkt mij een aardige oplossing maar er is er dan nog iets te redden voor IE 6? Eventueel met een conditional statement?

[Verwijderd]

Verwijderd schreef op vrijdag 30 januari 2009 @ 12:44:
Oke lijkt mij een aardige oplossing maar er is er dan nog iets te redden voor IE 6? Eventueel met een conditional statement?

Cascading Stylesheet:

#main {
    position:absolute;
    top:100px;
    bottom:80px;
    left:0;
    right:0;
    width: 100%;
    height: expression(this.parentNode.clientHeight - 180 + 'px');
}

Ik heb er toevallig deze week een blogpost over geschreven.

[Verwijderd]

Mmmm ik neem aan dat ik die Main ID aan het Body element verbind?

Gek genoeg zie ik dan de afbeelding niet verschijnen..........