29-03-2010, 17:07
Nie wiem czy Cie dobrze zrozumiałem, ale ja bym tak rozwiązał Twój problem.
Plik css:
Page ma kolor biały i dodatkowo nadałem mu ramkę żeby był widoczny jego obszar. Height content zmienia się w zależności od rozmiarów tekstu w nim wrzuconego.
Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<link href="style.css" type="text/css" rel="stylesheet" />
<title>Strona</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<div id="page">
<div id="banner">BANER</div>
<div id="status"></div>
<div id="menu">MENU</div>
<div id="content">CONTENT<br><br>Przykładowy tekst....<br>Przykładowy tekst....<br>Przykładowy tekst....<br>Przykładowy tekst....<br>Przykładowy tekst....<br>Przykładowy tekst....<br>Przykładowy tekst....<br>Przykładowy tekst....<br>
</div>
<div id="footer">
STOPKA
</div>
</div>
</body>
</html>Kod:
html, body {
height: 100%
}
#page {
width:960px;
background: white;
margin: 0 auto;
border: 1px solid;
}
#banner {
width: 100%;
min-height: 10%;
background: orange;
}
#footer {
background-color: blue;
height:10%;
width: 100%;
clear: both;
}
#menu {
float: left;
height: 20%;
width: 20%;
background: yellow;
}
#content {
float: left;
width: 80%;
background: pink;
}Page ma kolor biały i dodatkowo nadałem mu ramkę żeby był widoczny jego obszar. Height content zmienia się w zależności od rozmiarów tekstu w nim wrzuconego.
