Hallo an alle,
ich habe eine Seite die folgendermassen aufgebaut ist:
- Header mit fester Größe von 80 px
- Hauptseite und Menü
- Footer mit fester Größe von 50 px
Die gesamten Größen sind in einer screen.css - Datei festgelegt. Ich hätte die Seite gerne so, dass der Footer immer exat mit dem Browserfenster des Users abschliesst und im Zweifelsfall für die Hauptseite ein Scrollbalken angezeigt wird. Um das zu erreichen müsste also in der CSS entweder im Menü-Berreich oder im Hauptseitenberreich ein Eintrag " 100% -80px -50px " stehen. Gibt es eine Möglichkeit dass so in die CSS einzutragen, dass von der gesamten Fensterhöhe 50 px und 80 px abgezogen werden und die Größe der Hauptseite dynamisch den Rest des Bildschirms füllt.
Ich hoffe ihr könnt mir helfen und ich hab mich verständlich ausgedrückt...
Hier ein Auszug aus meiner CSS:
.banner, .search_box {
height: 80px;
background-image: url(header.jpg);
background-repeat: repeat-x;
font-size: 20px;
font-weight: bold;
color: #FFFFFF;
text-align: center;
padding-top: 20px;
}
.banner {
width: 70%; /* Gibt die Breite des Banners an -- Achtung: widht SearchBox muss noch daneben passsen */
height: 80px;
padding-left: 5%;
float: left;
text-align: left;
}
.search_box {
float: right;
clear: right;
width: 25%;
}
.content {
margin: 10px 10px 10px 160px;
padding: 4px 10px 14px 10px;
text-align: justify;
clear: right;
}
.footer {
background-color: #FFFFFF;
clear: both;
height: 50px;
background-image: url(footer.jpg);
background-repeat: repeat-x;
font-size: 10px;
color: #666666;
text-align: center;
line-height: 18px;
}