Naravno. U principu, ne morash uopshte da koristish float: top;, u ovom sluchaju, mozhesh uvek da koristih left.
btw Ceo taj kod mozhesh da napishesh i npr. ovako:
Code:
<html>
<head>
<style type = "text/css">
#levi {
float: left;
width: 150px;
height: 400px;
background-color: green;
}
#srednji {
float: left;
width: 200px;
height: 400px;
}
#desni {
float: left;
width: 400px;
height: 400px;
}
.box {
float: left;
width: 200px;
height: 200px;
}
</style>
</head>
<body>
<div id = "levi"></div>
<div id = "srednji">
<div class = "box" style = "background-color: orange;"></div>
<div class = "box" style = "background-color: grey;"></div>
</div>
<div id = "srednji">
<div class = "box" style = "background-color: black;"></div>
<div class = "box" style = "background-color: green;"></div>
</div>
<div id = "desni">
<div class = "box" style = "width: 400px; background-color: gray;"></div>
<div class = "box" style = "width: 400px; background-color: orange;"></div>
</div>
</body>
</html>
Poshto dosta elemenata ima neke zajednichke karakteristike, za njih mozhesh da definishesh stil(#), ili klasu(.), i posle da te stilove i klase pozivash u tim div-ovima. Za one div-ove u kojima se neshto razlikuje, u ovom sluchaju boja pozadine, treba samo da dopishesh u liniji tag-a tu razliku, odnosno, u ovom sluchaju, npr.
background-color: green;.
Naravno, ceo taj CSS kod mozhesh (a i preporuchljivo je) da smestish u eksterni .css fajl, pa da ga u html-u pozivash preko
<link rel="stylesheet" href="stil.css" type="text/css" />.