Website auf Fensterhöhe anzeigen (mit Prozentangaben)

[cyrille1985]

Hallo!

Ich gerade eine Website erstellt ( LUEX asbl ), und da stoße ich auf folgendes Problem:
die einen haben unter der Navigationsleiste unten noch viel Freiraum bis zum unteren Fensterrand, die anderen müssen runterscrollen damit sie erst diese Navigationsleiste sehen können. Das liegt an den verschiedenen Auflösungen und bereitet mir gerade ein Paar Kopfschmerzen, da ich jetzt versuche, die ganze Website mit Prozentangaben in der CSS-Datei zu ändern. Ziel ist es (und das wäre ideal), den

DIV complete

(beinhaltet

DIV left

,

DIV right

und

DIV nav

) mit 90% Höhe des Browserfensters anzuzeigen.

Bislang habe ich probiert, für den

DIV complete

den Höhenwert auf 90% zu setzen, doch damit verschwindet alles vom Bildschirm... :/
Muss ich da etwas mit postion:relative oder irgendetwas in der Art machen?

Würde mich über eure Hilfe freuen!

Die CSS-Datei findet man unter http://test.luex.info/style.css , oder hier das Teil um was es hier geht:

.complete {
    width:900px;
    height:500px;
    margin-left:auto;
    margin-right:auto;
    background-image:url(background.jpg);
    -moz-box-shadow:0px 0px 20px #999;
    -webkit-box-shadow:0px 0px 20px #999;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
}

Vielen DAnk im Voraus!
Cyr!lle.

 

[prm]

Prozentangaben benötigen immer eine Bezugsbasis.
Definiere deshalb unbedingt

html, body {height: 100%;}

Beachte jedoch, dass nach dem CSS-Boxmodell padding-, border- und margin-Werte zu den height-Werten hinzu kommen und damit 100% überschritten werden.

Möglicherweise hilft dir auch das weiter: Footer immer unten anordnen

 

[cyrille1985]

danke für den Tipp!
Jetzt klappt's!

cyr!lle.