[html] wysokosc w procentach kontra wysokosc w pikselach Opcje

[nieraczek]

Zauważyliście, że szerokość tabel, pojemników (div'y) można dawać w HTML'u w samych procentach a wysokość trzeba dawać w pikselach albo na początku dać wysokość w pikselach i dopiero potem można dawać już w procentach, w samych procentach wysokości nie da się dawać, bo potem strona źle się wyświetla - zauważyliście to ?

[orson]

witam

he ? ja daję w procentach, pikselach, punktach i em'ach i zawsze (poza ie ) mam tak jak chce ...

pozdrawiam

[nieraczek]

To dlaczego ta strona: Moja strona

wyswietla sie okej jak w div'ie "pudlo" mam ustawione height na 700 pikseli natomiast jak zamieni sie to na 100% to juz wyswietlanie jest błędne


dokument CSS:

[HTML] pobierz, plaintext 
a:hover
{
color: rgb(255, 0, 0);
}
 
 
 
div#pudlo
{
background: rgb(255, 165, 0);
width: 100%;
height: 700px;
}
 
div#naglowek
{
 
color: rgb(128, 0, 128);
width: 100%;
height: 15%;
}
 
div#naglowek1
{
float: left;
width: 40%;
text-align: center;
font-size: 20pt;
font-weight: bold;
}
 
div#naglowek2
{
float: right;
width: 60%;
}
 
.obrazek1
{
float: right;
}
 
div#zawartosc
{
float: right;
width: 80%;
text-align: left;
vertical-align: top;
background: rgb(255, 255, 255);
height: 100%;
}
 
.obrazek2
{
float: left;
padding: 2%;
}
 
.autor
{
font-weight: bold;
text-align: center;
}
 
.menu
{
float: left;
width: 20%;
height: 100%;
}
 
.menu1
{
height: 10%;
background: rgb(255, 255, 0);
text-align: center;
}
 
 
.menu2
{
height: 50%;
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: 100%;
}
[HTML] pobierz, plaintext 

I moje drugie pytanie, bo metodą prób i błędów doszedłem do tego że nagłówek tejże strony z napisem "Michał M." i obrazkiem postaci wyświetla się tak jak obecnie w tym celu dałem w div'ie w dokumencie CSS: "naglowek1" - float: left; "naglowek2" - float: right; i klasie ".obrazek1" - float: right; - ale dlaczego musiałem dać aż 3 "floaty" żeby mi wyświetlał się nagłówek tak jak obecnie

[mag6661]

eee ja sie specjalnie nie znam ale jezeli jakis element nie ma rodzica ktory ma stałą wysokosc w px to nie da sie chyba nadac wysokosci w procentach... bo od czego to mialby byc procent ?

[nieraczek]

to by miało sens gdyby nie to, że "rodzic" w przypadku szerokości nie musi mieć wartości w pikselach, ale może mieć od razu w procentach - 100% i w przypadku szerokości wszystko jest okej, tylko w wysokości rodzic musi mieć wartość w pikselach - wie ktoś dlaczego ?

[Kisiol_Ent]

Wogole kod tej strony jest koszmarny...
A pytania tak sformulowane ze nawet nie wiem o co biega.

Po co tyle div'ów?

[Wykrywacz]

Z IE generalnie jest ten problem, że jeżeli na twardo w px nie wyznaczy się jej wysokości to wszytko potem rozjeżdza. a propononuje przyjżeć się margin:0 auto, szerzej było już w wielu tematach.