3 Div Bereiche 100% Problem

[auchegal]

hi, ich weiß nicht ob das hier in CSS gehört, aber ich glaub schon.
Ich hab ne Seite, wo ich 3 Div Bereiche Festgelegt hab:
Kopf-Oben (Breite 100%, Höhe 100px)
Menü-Links (Breite 150px, Höhe 100%)
Seitenbereich (Höhe 100%, Breite 100%)

<style type="text/css"><!--
#Kopf { position: absolute; top: -3px; left: -3px; width: 100%; height: 100px; visibility: visible }
#Menu { position: absolute; top: -3px; left: -3px; width: 150px; height: 100%; visibility: visible }
#Seite { position: absolute; top: 100px; left: 150px; height: 100%; width: 100%; visibility: visible; overflow:scroll; }
-->
</style>

wahrscheinlich seht ihr schon das Problem, der rechnet bei meinem Seitenbereich 100% + 150px bzw. 100% + 100px und somit ist die seite zu groß, so will ich das eigentlich nicht.
Im Anhang könnt ihr sehen wie ich mir das eigentlich vorstell.
Könnt ihr mir helfen? Hab schon viel ausprobiert und bin am Ende.

Danke im Voraus

MfG auchegal

 

[hobbyuser]

Hi auchegal

verwende doch einfach überall prozentuale Werte.
KOPF = height:10%; width:100%;
MENÜ = height:90%; width:15%;
SEITE = height:90%; width:85%;

Zusätzlich könntest du noch "min-height" und "min-width" angeben, damit die Mindestmaße nicht unterschritten werden. ;-)

Gruß
Hobbyuser

 

[auchegal]

oh, vielen dank, da hätt ich aber auch selbst drauf kommen können ;-)

MfG auchegal