[ Dusan Gacic @ 04.12.2007. 10:45 ] @
Pozdrav,
imam problem, ne znam kako da levi i desni sidebar namestim tako da imaju 100% height, tj. da svi budu izjednaceni
Probao sam sa faux metodom, ali onda imam problem zbog bordera, jer border-bottom ne mogu nikako da namestim.
U attachmentu se nalazi sajt, cisto da vidite o cemu pricam

Ako moze neki help, bio bih veoma zahvalan..
[ Dusan Gacic @ 05.12.2007. 22:56 ] @
zar niko ne zna??
[ toplim @ 08.12.2007. 20:59 ] @
Moras left content i rignt kolonu da stavis u poseban div ili tabelu fixne sirine i 100% height.
Znaci div koji ce sadrzati sva tri layera.
Mislim da ce to resiti. A mozes im zadati i fixnu visinu. Ni kod vecine cms-ova to ne moze bas da se sredi. Kad stavis sadrzaj i u desnoj koloni trebalo bi to da se resi.
[ mahatma @ 09.12.2007. 19:20 ] @
a shto ne stavish te tri kolone u jednu tabelu i problem reshen??
ili ne zelish da koristish tabele :)

ili ja ne shvatam shta zelish :)
[ toplim @ 09.12.2007. 20:45 ] @
To sam mu i ja rekao :)
[ Dusan Gacic @ 10.12.2007. 17:11 ] @
hvala na odgovorima
probao sam da stavim sve u 1 div, i isto je kao i bez njega
ne bih da koristim tabele, ali svejedno, probao sam - ne radi

moze li neko od vas da proba da resi problem, i da okaci kod?
mene ovo stvarno pocinje da izludjuje..
[ sinhrotron @ 11.12.2007. 20:47 ] @
sa tabelama mora da radi- ali nemoj da ih koristis :)

width i height zadati procentima rade kako si zamislio samo ako postoji neki parent kome je ta dimenzija fiksna, pa height: 100% ovde ne moze pomoci...
koristeci samo css nemoguce je postici da sve tri kolone imaju istu visinu... to mozes da dobijes pomocu javascript-a, ali je mnogo bolje da samo stvoris privid da je sve u redu - koristeci 'faux columns'...

za bordere koristi jos jednu iluziju: ispod kolona stavi prazan div koji ce za pozadinu da ima sliku na kojoj su donji borderi.

html:
Code:

        <div id="rightcolumn">
            <img class="cent" src="premiumsites.jpg" alt="" />
        </div>

        <div id="bottom_border"></div>
    </div>
    <div id="footer">
        copyright
    </div>

css:
Code:

#bottom_border {
    clear: both;
    width: 100%;
    height: 1px;
    background: url(bottom_border.gif);
}

slika:


jos bolje resenje je da ih uopste ne diras... najpametnije sto sam procitao na ovu temu je: "proslo je vreme tabela, ali tek treba da prestanemo da razmisljamo u njima... kolone jednake visine bi treblo da nestanu zajedno sa tabelama." hehe
[ Dusan Gacic @ 11.12.2007. 22:14 ] @
uu hvala na odgovoru!
sada sam probao i radi u ff i operi, ali ne i u IE


[ sinhrotron @ 13.12.2007. 18:36 ] @
hmm....
meni ne izgleda tako. koji ie koristiš? imao sam drugi problem -- #bottom_border je u ie6 bio visok desetak piksela. samo sam dodao oveflow: hide; u #bottom_border i sve je izgledalo ok...
evo i zipa (trebalo je i prosli put da attachujem ovde sliku, okozio sam se dok sam je skinuo sa imageshack + je promenio ime... :)

imaš još jedan problem: kad prelazim mišem iznad glavnog i levog menija srednja kolona se šeta levo-desno a sve tri zajedno gore-dole :)
probaj da guglaš "ie 3px bug" -- mislim da je to u pitanju...
[ Dusan Gacic @ 13.12.2007. 23:14 ] @
a joooj
problem pravi ie7, pokusavao sam nesto da sredim ali bez uspeha..
nebitno, ostavicu samo faux, jer tako radis sve u svim browserima

hvala jos jednom na ukazanoj pomoci