Hallo,
ich möchte ein Grundgerüst zusammenbauen das wie folgt aussieht:
-------------------------------------------------------------
|Logo |Header Höhe: 30px Breite: flexibel |
|Höhe: 80px |--------------------------------------------|
|Breite: 240px |Content |
|--------------|Höhe: flexibel |
|Navigation |Breite: flexibel |
|Höhe: flexibel| |
|Breite: 240px | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
|-----------------------------------------------------------|
| Footer Höhe: 20px Breite: flexibel |
|---|
Es soll also darauf hinauslaufen, dass sich bei einer Veränderunger der Breite des Browsers Header, Content und Footer anpassen, bei einer Veränderung der Höhe Navigation und Content.
Mein Problem liegt jetzt daran, dass ich nicht weiß wie ich die flexiblen Höhen- und Breitenangaben der DIVs vornehmen soll. (Ob das Ganze absolut oder relativ und verschachtelt sein soll ist noch einmal eine andere Sache ...) Wie sag ich z.B.: dem Content wie hoch er sein soll? Rein mathematisch ist Höhe: 100%-50px und Breite 100%-240px aber das akzeptiert CSS natürlich nicht. Ganz unsauber wäre es natürlich die entsprechenden Werte per Javascript zu berechnen und zuzuweisen, aber das möchte ich überhaupt nicht.
Kann mir jemand einen Schubser in die richtige Richtung geben?
Besten Dank
Tommy