HTML 4 YOU
Neues Mitglied
Hallo Community!
Ich habe ein Problem, und zwar habe ich einen div (der Footer) der, sobald das Fenster größer gezogen ist als die Seite hoch ist, so hoch sein muss, wie das Fenster lang ist..
Der Seitenaufbau:
CSS:
Mit height: 100% würde es ja theoretisch gehen, aber dann muss man ja noch so lang, wie das Fenster ist nochmal zusätzlich herunterscrollen... :(
Weiß jemand dort eine Lösung?
Wäre echt super! :)
LG HTML 4 YOU
Ich habe ein Problem, und zwar habe ich einen div (der Footer) der, sobald das Fenster größer gezogen ist als die Seite hoch ist, so hoch sein muss, wie das Fenster lang ist..
Der Seitenaufbau:
HTML:
<html>
<body>
<div id="header">
<!-- FESTE HÖHE -->
</div>
<div id="content">
<!-- VARIABLE HÖHE -->
</div>
<div id="footer">
<!-- MINDEST HÖHE: 159px;
HÖHE: BIS ZUM ENDE DES FENSTERS
-->
</div>
</body>
</html>CSS:
Code:
* {
margin: 0;
padding: 0;
}
html, body {
height: 100%;
width: 100%;
background: #fff;
}
#header {
height: 190px;
background: url('/images/header_bg.png') repeat-x;
}
#content {
width: 1000px;
min-height: 500px;
margin: 0 auto;
padding-top: 100px;
padding-bottom: 50px;
background: #fff;
}
#footer {
min-height: 159px;
[B]height: ???;[/B]
width: 100%;
margin: 0 auto;
padding-top: 60px;
background: url('/images/footer_bg.png') repeat-x #f8f8f8;
font-family: Arial;
font-size: 12pt;
text-align: center;
}Mit height: 100% würde es ja theoretisch gehen, aber dann muss man ja noch so lang, wie das Fenster ist nochmal zusätzlich herunterscrollen... :(
Weiß jemand dort eine Lösung?
Wäre echt super! :)
LG HTML 4 YOU
