Tomasz
Kiełbowski
Dyrektor ds.
Klientów Kluczowych,
Vernity
Temat: Rozmieszczenie div.
Do tej pory moje pliki CSS wyglądały fatalnie. Postanowiłem z tym skończyć raz na zawsze i przestać dostosowywać stronę do tego co potrafię napisać w CSS.Na początek chciałbym dowiedzieć się jak rozmieścić div'y.
Mam taki przykład:
div#baner
{
background-color: red;
height: 120px;
}
div#menu
{
background-color: blue;
height: 40px;
}
div#lewa
{
background-color: yellow;
width: 49.5%;
height: 400px;
float: left;
}
div#prawa
{
background-color: yellow;
width: 49.5%;
height: 400px;
float: right;
}
div#stopka
{
height:20px;
background-color: green;
}
i php:
echo'<div id="baner">';
echo'BANER';
echo'</div>';
echo'<div id="menu">';
echo'<div id="przycisk">KONTAKT</div>';
echo'<div id="przycisk">OFERTA</div>';
echo'</div>';
echo'<div id="lewa">';
echo'LEWA';
echo'</div>';
echo'<div id="prawa">';
echo'PRAWA';
echo'</div>';
echo'<div id="stopka">';
echo'STOPKA';
echo'</div>';
Niestety stopka nie wyświetla się na dole tylko zaraz pod menu. Mogę oczywiście zastosować margin-top: -xxxx;, ale przyjmuję że nie wiem jaka będzie wysokość div'a "lewa" i "prawa".