div id postavitev

#1pozdravljeni!
imam problem glede postavite div tagov. hočem met postavitev kot je

in sicer imam napisano za:
#top {
float: none;
}
#topleft {
float: left;
}
#toprightup {
float: right;
}
#left {
float: left;
}
#right {
float: right;
}
za toprightdown ,middle in footer ša poizkusil nisam in že imam probleme, kot
to .

Prosil bi za pomoč
LP

#3Dobro je tudi, da imaš za dive, ki jim določaš float nastavljeno fiksno širino. Če nimaš bo stvari hitro začelo razmetavat naokol. Pa seveda clear:both; kot ti je svetoval že Vini.

Mogoče pa bi blo dobro da kakšne dive tudi združiš. Poglej si na sliki.

#4Se en nasvet: ce bos imel div-e s sirino v %, razmislji tudi da bi razmake, paddinge, margine in podobno dal ali % ali pa em.

#5haval vini
Če bi div-e združil, a nebi bilo pol boljše to pol uredit z .class tagi?

#6Ubistvu je vseeno ali uporabiš <div id=""> ali pa <div class="">.
Jaz osebno bi uporabil <div id=""> za wrapper (rumen okvir) in potem za top, rdeč okvir, moder okvir in pa footer. <div class=""> pa potem za topleft, zelen okvir, topright, toprightdown, left, middlein pa right + vse kar bi bilo še znotraj teh divov.

#7id se ne sme ponavljat, med tem ko class se lahko

#8nared nekako takole:
css:
top,conteiner,content, contentbottom, footer: clearBoth, width, margin: 0 auto
topleft, topright: width: 47%, margin:1%; padding: 1%
topleft: float: left
topright: float: right

<div id=top>
<div id=conteiner>
<div id=content>
<topleft>
<topright>
<topright>
<div id=contentbottom>
<left>
<right>
<middle>
<div id=footer>

Spisano zelo na hitro, ampak za idejo bo dosti.

#9aja, še left v contentbottom dj float left in desni div "right" dj float right, dočim middle je lahko normalen samo margin mu moraš dat malčce več, kot je levi širok.

#10Mcdave prodaja malo krive vere. Ni ti treba gnezdit div-ov, ker gre za začetniško reševanje problemov, oz. divitis. Enostavno uporabi vinijev predlog (clear:both; na #left in #footer), da potisneš diva v novo vrstico.