21-07-2009, 22:18
Witam wszystkich
Mam taki problem i nie wiem czy jest to wykonalne.
Chcialbym aby #bottom (w tej chwili niewidoczny - jest zielony) rozciagal sie do konca ekranu (na wysokosci), lecz gdy np #top zwiekszy swoja wysokosc to elemenet #bottom automatycznie ją zmniejszał, a w przypadku gdy wysokosc #top przekroczy 100% okna to po przewinięciu ekranu był widoczny element #footer (wysokosc podana na sztywno 200px). Jeśli mnie ktoś zrozumie to będzie super a jeszcze lepiej jeśli mi ktoś pomoże
z góry dzięki
Mam taki problem i nie wiem czy jest to wykonalne.
Chcialbym aby #bottom (w tej chwili niewidoczny - jest zielony) rozciagal sie do konca ekranu (na wysokosci), lecz gdy np #top zwiekszy swoja wysokosc to elemenet #bottom automatycznie ją zmniejszał, a w przypadku gdy wysokosc #top przekroczy 100% okna to po przewinięciu ekranu był widoczny element #footer (wysokosc podana na sztywno 200px). Jeśli mnie ktoś zrozumie to będzie super a jeszcze lepiej jeśli mi ktoś pomoże
z góry dziękiKod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
body {margin:0px;}
#top {background-color: #900;}
#bottom{background-color: #390;}
#footer {background-color:#C90; height:200px;}
</style>
</head>
<body>
<div id="top">
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>
<div id="bottom">
<div id="footer">footer</div>
</div>
</div>
</body>
</html>