[CSS] Height probleem

[Saven]

Beste Tweakers,

Ik heb een CSS probleempje. Ik wil een 100% height pagina voor een website en dat werkt niet echt zoals ik wil.
Ik heb dus nu een div die 100% hoog is (de container (heet shade)). Nou is deze wel 100% hoog, maar als ik daarin nog een div met 100% hoogte wil, lijkt dat maar niet te lukken

Ik gebruik deze css:

Cascading Stylesheet:

html, body
{
    height: 100%;
}

body
{
    margin: 0px;
    padding: 0px;
}

#shade
{
    background-color: #b5aea6;
    width: 861px;
    
    /* 100% height fix */
    position: relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

#wrapper
{
    background-color: #f7f7f7;
    border-right: 1px solid #877460;
    width: 850px;
    
    /* 100% height fix */
    min-height: 100%;
    height: 100%;
}

#footer
{
    background-color: #00FF00;
    bottom: 0px;
    position: absolute;
}

Vreemd genoeg wordt de "wrapper" niet 100% hoog, maar de "shade" wel.
Weet iemand waar dat aan kan liggen?

de html:

HTML:

<div id="shade">
<div id="wrapper">
    <div id="header"></div>
    
    <br style="clear:both;" />
    <div id="footer">Copyright website.nl</div>
</div>
</div>

Ik hoop dat iemand me kan helpen

[BtM909]

Waarom skip je de shade niet en gebruik je de wrapper niet als 100%height?

[Joolee]

BtM909 schreef op dinsdag 27 maart 2007 @ 19:48:
Waarom skip je de shade niet en gebruik je de wrapper niet als 100%height?

Waarom zou een division nou de engelse naam voor schaduw hebben?

[Saven]

BtM909 schreef op dinsdag 27 maart 2007 @ 19:48:
Waarom skip je de shade niet en gebruik je de wrapper niet als 100%height?

Nou, ik wil een "shade" als een soort van 10px dikke border.
Daarin moet weer een grijs vlak de "wrapper" met een 1px dikke border.

Tenzij jij weet hoe ik 2 borders met verschillende diktes kan toekennen, probeer ik het op deze manier op te lossen

[Saven]

Joolee schreef op dinsdag 27 maart 2007 @ 19:52:
[...]

Waarom zou een division nou de engelse naam voor schaduw hebben?

Ik snap je even niet?

edit: - sorry voor de dubbelpost -

[ Voor 9% gewijzigd door Saven op 27-03-2007 19:54 ]

[Onbekend]

Ik heb het idee dat de binnenste pagina 100% van het beeld wil worden.
Automatisch worden de buitenste wat groter....

[BtM909]

Joolee schreef op dinsdag 27 maart 2007 @ 19:52:
[...]

Waarom zou een division nou de engelse naam voor schaduw hebben?

Omdat alles wat in de shade selector in CSS staat ook gewoon op de body geplaatst kan worden

Voordat je met smilies strooit misschien even wat verder kijken dan de letters op je scherm?

[Zillion01]

Beetje omslachtige methode voor wat je wilt.. 2x min height dus div in div werkt niet.

Ik zou gewoon een background image maken van 1px hoog en blijkbaar 861px breed die precies laat zien wat je wilt dus de randen #b5aea6, #877460 en in het midden #f7f7f7.

Dan heb je maar 1 divje nodig, die nu zo raar shade heet.

succes

Jacco

[Verwijderd]

je kan toch je wrapper margin geven van 10 px en dan je body background grijs laten.
Of heb ik het mis?