wysokosc w procentach a pikselach Opcje

[nieraczek]

dlaczego jak ustalam wysokość w procentach to wszystko się źle wyświetla, muszę ustalać wysokość w pikselach żeby było ok. Szerokość mogę ustalać w procentach a wysokość nie, dlaczego ?
Spójrzcie:

Moja strona

a to jest do powyższej strony dokument CSS:

[HTML] pobierz, plaintext 
a:hover
{
color: rgb(255, 0, 0);
}
 
 
 
 
 
 
div#pudlo
{
background: rgb(255, 165, 0);
width: 100%;
height: 100%;
}
 
div#naglowek1
{
float: left;
color: rgb(128, 0, 128);
width: 40%;
text-align: center;
font-size: 20pt;
font-weight: bold;
height: 10%;
}
 
div#naglowek2
{
float: left;
height: 10%;
}
 
.obrazek1
{
float: right;
}
 
div#zawartosc
{
float: right;
width: 80%;
text-align: left;
vertical-align: top;
background: rgb(255, 255, 255);
height: 90%;
}
 
.obrazek2
{
float: left;
padding: 2%;
}
 
.autor
{
font-weight: bold;
text-align: center;
}
 
.menu
{
float: left;
width: 20%;
height: 90%;
}
 
.menu1
{
height: 10%;
background: rgb(255, 255, 0);
text-align: center;
}
 
 
.menu2
{
height: 40%;
background: rgb(255, 255, 0);
text-align: center;
}
 
 
.tekst
{
margin: 2%;
}
 
.centrum
{
text-align: center;
}
 
 
 
.klasa12
{
text-align: center;
border-width: 1pt;
border-style: solid;
border-color: rgb(255, 0, 0);
width: 50%;
margin: 0 auto;
}
 
 
.klasa13
{
font-weight: bold;
background: rgb(0, 128, 0);
}
 
 
.klasa14
{
border-width: 1pt;
border-style: solid;
border-color: red;
background: rgb(255, 255, 0);
}
 
 
 
.klasa16
{
font-weight: bold;
background: rgb(0, 128, 0);
font-size: 20pt;
}
 
 
div#zawartosc1
{
float: left;
width: 80%;
text-align: center;
vertical-align: top;
background: rgb(255, 255, 255);
height: 40%;
}
[HTML] pobierz, plaintext 

Ten post edytował nieraczek 16.02.2007, 14:31:18