[css] relatieve height?

[HarmoniousVibe]

Ik ben een site aan het bouwen, die volledig voldoet aan de standaarden en waarin de layout volledig in css gebeurt. Ook wordt ie resolution independent. Ik heb echter een probleempje. In een div (de header) staat een image en deze wil ik ook automatisch laten resizen, anders valt hij buiten de div. Maar hoe kan ik de height (die de width impliceert door de hoogte-breedte verhouding) zo maken dat ie bijv. 90% van de div in beslag neemt?

code:

    .headdiv
    {
        background-color: #BAC3CE;
        position: absolute;
        left: 10%;
        right: 10%;
        top: 2%;
        text-align: center;
        overflow: visible;
        z-index: 1;
    }

    .logo
    {
        position: relative;
        height: 90%;
        z-index: 2;
    }

Met mijn huidige code wordt de afbeelding 90% van het totale scherm, ipv van de div. Weet iemand hoe ik dit op kan lossen? Of heeft iemand een andere oplossing om een resolution independent site te bouwen?

[ Voor 4% gewijzigd door HarmoniousVibe op 16-12-2003 19:04 . Reden: typos ]

[Verwijderd]

Geef eens een hoogte voor de div op. Hoe kan iets 90% worden van iets wat je niet hebt vastgelegd?

[HarmoniousVibe]

Verwijderd schreef op 16 december 2003 @ 19:08:
Geef eens een hoogte voor de div op. Hoe kan iets 90% worden van iets wat je niet hebt vastgelegd?

Dat werkte inderdaad, dom dat ik het vergeten was, maar het probleem is nu dat de afbeelding bij versmalling van het windows sneller krimpt dan de div, waardoor het plaatje buiten de div valt.

[Verwijderd]

1. SVG gebruik wat uiteraard niet wordt ondersteund (behalve misschien in een enkele mozilla build) (IE ondersteund dit _niet_ btw, ook niet met plugin e.d.)
2. Ontwerpen met vaste waarden. Ook dan schijnt het mogelijk te zijn om te voldoen aan WAI AAA, vraag me alleen niet hoe.