mam problem z ustawieniem wartosci div'ow na 100%
Plik style.css
- Kod: Zaznacz cały
* { font-family: Verdana, Helvetica, Sans-Serif; }
body, html {
margin:0px;
padding: 0px;
height: 100%;
min-height: 100%;
}
div#GLOWNE {
position: absolute;
top: 50px;
left: 50%;
border: 1px solid black;
margin-left: -400px;
width: 800px;
background-color: #e8e7e2;
}
div#NAGLOWEK {
float: right;
width: 800px;
background-color: #287;
}
div#MENU_LEWE {
float: left;
width: 180px;
background-color: #987;
height: 100%;
min-height: 100%;
height: auto;
}
div#MENU_PRAWE {
float: right;
width: 180px;
background-color: #546487;
height: 100%;
}
div#TEXT {
width: 440px;
float: right;
background-color: #787;
height: 100%;
}
div#STOPKA {
height: 20px;
clear: both;
background-color: #888;
}
index.html
- Kod: Zaznacz cały
<!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" lang="pl-PL">
<head>
<title>bleble</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="GLOWNE"><div id="rel">
<div id="NAGLOWEK">naglowek</div>
<div id="MENU_LEWE">lewe</div>
<div id="MENU_PRAWE">prawe</div>
<div id="TEXT">text<br>text<br></div>
<div id="STOPKA">stopka</div>
</div></div>
</body>
</html>
rozcjhodzi mi sie o to by rozmiar wszystkich div'ow byl taki sam nawet wtedy gdy w jaednym z nich bedzie wiecej tresci
Matomniej wiecej tak wygladac:
- Kod: Zaznacz cały
MENU_LEWE TRESC MENU_PRAWE
+------------+ +------------+ +-------------+
|jakis tekst | |jakis tekst | |jakis tekst |
| | |jakis tekst | |jakis tekst |
| | |jakis tekst | | |
+------------+ +------------+ +-------------+
Z gory dzieki z pomoc