Hallo,
möchte die Seite so ausfüllen, dass das Menü 10% der Seitenhöhe ausfüllt, der Inhalt 60% und der Footer 30%.
Damit wären dann 100% ausgefüllt, allerdings werden die Prozentangaben der einzelnen Elemente gekonnt ignoriert.
Erst wenn ich fixe Angaben in Pixeln angebe, wird die Höhe angepasst.
Ich habe bereits versucht, dem Wrapper, der alle Elemente umschließt, eine 100%ige Höhe zu verpassen, was aber nicht funktioniert hat.
Das Ganze wundert mich sowieso, weil es bisher immer funktioniert hat.
Hat jemand eine Idee, woran es liegt?
Danke im Voraus.
CSS
html, body {
height:100%;
}
body{
/*
background: url(../res/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
*/
}
#wrapper{
position:relative;
min-height:100%;
}
#page-main-menue{
height: 10%;
}
Alles anzeigen