[ pera zdera @ 08.04.2008. 23:17 ] @
Kako da odradim html, a da on bude podeljen kao dole nize? Znaci jedinice predstavljaju jednu sekciju, a 0 prazan prostor. Ja odradim preko tabela i pozicioniram sa relative, ali onda na dnu strane bude gomila praznog prostora.

1111111111111110111111
1111111111111110111111
1111111111111110111111
0000000000000000111111
1111111111111110111111
1111111111111110111111
1111111111111110111111
1111111111111110000000
1111111111111110111111
1111111111111110111111
1111111111111110111111
1111111111111110111111
[ bantes9 @ 09.04.2008. 00:02 ] @
Ovo je jednostavno uraditi pomocu css-a tj. bez tabela (sem ako nije neki tabelarni prikaz). Ukoliko se ne budes izborio sa tabelama, mozes ostaviti dimenzije svakog dela i razmaka izmedju njih i odradicemo ti.
Ne bi bilo lose da postavis tu stranicu, lakse cemo doci do resenja.
[ pera zdera @ 09.04.2008. 11:07 ] @
Lako je promeniti dimenzije. Razmak neka bude 10 piksela. Ako mozete uradite za proizvoljne dimenzije(samo da izgleda kao model sa 1 i 0). Kao sto sam rekao ja uradim ono sto mi teba ali na dnu strane bude gomila praznog prostora.
[ kazil @ 09.04.2008. 11:11 ] @
pa onda ili dodaj sadrzaj, koji ce da razvuce tabelu, pa nece biti praznog prostora ili dodaj visinu u css-u da bude visine koje tebi odgovara: http://w3schools.com/css/css_reference.asp#dimension
[ bantes9 @ 09.04.2008. 13:29 ] @
Nadam se da ce ti ovo pomoci.


Html:

Code:


<body>
<div id="container">
<div id="levogore"></div>
<div id="desnogore"></div>
<div id="levodole"></div>
<div id="desnodole"></div>
</div>
</body>




Css:

Code:


#container {
width: 715px;
height:815px;
border: 1px solid #000;
padding: 10px 10px;
}
#levogore {
width: 500px;
height: 100px;
border: 1px solid #000;
float:left;
margin: 0 10px 10px 0;
}
#levodole {
width: 500px;
height: 700px;
border: 1px solid #000;
float:left;
clear:left;
margin: 0 10px 0 0;
}
#desnogore {
width: 200px;
height: 500px;
border: 1px solid #000;
float:right;
margin: 0 0 10px 0;
}
#desnodole {
width: 200px;
height: 300px;
border: 1px solid #000;
float:right;
}





Kada budes poceo da ubacujes sadrzaj mozes malo i da se igras sa visinama elemenata tj. da stavis height:auto; da se visina elemenata prilagodjava sadrzaju u njima.
[ pera zdera @ 09.04.2008. 15:10 ] @
Kod gore radi u operi i mozili, ali ne radi kako treba u IE6! Razbaca sekcije. Molim pomoc.

[Ovu poruku je menjao pera zdera dana 09.04.2008. u 19:30 GMT+1]
[ bantes9 @ 10.04.2008. 07:53 ] @
Meni lepo prikazuje u IE7, Firefox-u 2, Opera-i 9.27 i Safari-ju 3.1.
Postavi screenshot stranice u IE6 da vidim u cemu je problem.
[ bantes9 @ 11.04.2008. 23:21 ] @
stavi width:720px (ili malo vise) u #container
Nisam probao da li radi jer imam IE7 ali mislim da je mozda u tome problem.
[ pera zdera @ 13.04.2008. 12:32 ] @
Resio sam problem. Hvala!