Html zapis:
Kód: Vybrať všetko
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="obal">
<div id="hlavicka"></div>
<div id="menu"></div>
<div id="lavystlpec">text<br /> text<br />text<br /> text<br /> text<br />text<br /> text<br /></div>
<div id="pomocnypravystlpec">
<div id="obsah">
text<br /> text<br />text<br /> text<br /> text<br />text<br />
text<br /> text<br />text<br /> text<br /> text<br />text<br />
text<br />text<br />text<br /> text<br />text<br /> text<br /> text<br />text<br />
text<br /> text<br />text<br /> text<br /> text<br />text<br />
text<br />text<br />text<br /> text<br />text<br /> text<br /> text<br />text<br />
text<br /> text<br />text<br /> text<br /> text<br />text<br />
text<br />text<br />
</div>
<div id="pravystlpec">
text<br /> text<br />text<br /> text<br /> text<br />text<br />
text<br />
</div>
</div>
<div id="pata"></div>
</div>
</body>
</html>Kód: Vybrať všetko
#hlavicka{
width: 900px;
height: 150px;
background-color: blue;
}
#obal{
margin: 0px auto;
width: 900px;
}
#menu{
width: 900px;
height: 40px;
background-color: red;
}
#lavystlpec{
width: 200px;
float: left;
background-color:green;
}
#pomocnypravystlpec{
width: 700px;
float:right;
background:;
}
#pomocnypravystlpec #obsah{
width: 500px;
float: left;
background-color: gray;
}
#pomocnypravystlpec #pravystlpec{
width: 200px;
float: right;
background-color: yellow
}
#pata{
width: 900px;
height: 40px;
background-color: black;
float: left;
}}
zaujimalo by ma prečo musí byt taká postupnosť respektíve prečo sa to zapisujú dva identifikátory vedľa seba či by nestačil iba identifikátor #obsah
2) druhá vec ktorá ma zaujíma je pata prečo keď zen zápis dam bez float tak pata zmizne ako je možne že ked tam float dám tak pata sa umiestni na koniec ked float dokaze obtekat len z ľava alebo prava.
Ďakujem vopred za odpoveď
)
