div id postavitev

7 naročnikov

pozdravljeni!
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

CSS clear property

Dobro 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.

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

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

Ubistvu 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.

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

nared 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.

aja, š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.

Mcdave 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.