div - probleem met de resolutie

[Verwijderd]

Momenteel ben ik 1 van mijn sites volledig met div's aan het maken.
Ik heb een test pagina gemaakt met css.
Wanneer ik de pagina open in resolutie 1024 x 768 werkt de pagina perfect.
Maar, waneer ik deze open in een hogere resolutie is de layout niet meer volledig gevuld over het volledige scherm en bij een kleinere resolutie is de layout te groot.

Hieronder volgt de code die ik momenteel gebruik:

code:

body
{
    margin: 0% 0% 0% 0%;
    padding: 0%;
    font-family: book antiqua, verdana;
}

#wrapper {
    text-align: left;
}

#navigatie {
    clear: left;
    float: left;
    width: 15%;
    background-image: url(images/menubalk.jpg);
    background-color: #FDF7F0;
    position: absolute;
    height: 72%;
}

#inhoud { 
    padding-top: 1em;
    margin: 0% 0% 39% 18%;
}

#footer {
    clear:both;
}

code:

<div id="wrapper">
    [img]"images/hoofdding.jpg"[/img]
    <div id="navigatie">
    //navigatie
     </div>
     <div id="inhoud">
    //inhoud
     </div>
     <div id="footer">
    [img]"images/balk.jpg"[/img]
     </div>
</div>

[André]

Wat bedoel je? Dat de footer niet altijd keurig tegen de onderkant aan staat? Want ik zie gewoon 2 kolommen die meesizen in de breedte als je het scherm resized.

[Verwijderd]

Ja, het is de footer die niet aan de onderkant van de pagina komt te staan.

Edit:
Het is ellenv: Ik heb via de verkeerde laptop gepost.

[ Voor 30% gewijzigd door Verwijderd op 12-07-2005 23:38 ]

[André]

Voor de footer moet je hier wel wat uit kunnen halen:
[rml][ CSS] De perfecte CSS-only footer[/rml]

[imp4ct]

't Is ergens vrij normaal denk ik dat wanneer je in andere resolutie's gaat werken dat je site ineens vreemd doet, je werkt met procenten. Nu 35% van 1024 of 35% van 1280 is wel een verschil, dus jah.

Ik raad je aan met vast waarden in pixels te werken, zo ziet je site in welke resolutie dan ook altijd het zelfde eruit.

[ Voor 3% gewijzigd door imp4ct op 13-07-2005 12:08 ]

[Verwijderd]

ik denk ook niet dat #navigatie weet 72% hoogte van wat?

je moet dan eerst je HTML en BODY op height: 100% zetten.

of op een vaste pixelwaarde, dan is de 72% altijd even groot, maar dan schaalt hij niet mee met de resolutie.