CSS 3 column height - problem

CSS 3 column height - problem 04.12.2007. u 10:45 · pre 229 meseci #1

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

site.zip59.11k

site-faux.rar58.7k

Re: CSS 3 column height - problem 05.12.2007. u 22:56 · pre 229 meseci #2

zar niko ne zna??

Re: CSS 3 column height - problem 08.12.2007. u 20:59 · pre 229 meseci #3

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.

Re: CSS 3 column height - problem 09.12.2007. u 19:20 · pre 229 meseci #4

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 :)

Re: CSS 3 column height - problem 09.12.2007. u 20:45 · pre 229 meseci #5

To sam mu i ja rekao :)

Re: CSS 3 column height - problem 10.12.2007. u 17:11 · pre 229 meseci #6

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

Re: CSS 3 column height - problem 11.12.2007. u 20:47 · pre 229 meseci #7

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

Re: CSS 3 column height - problem 11.12.2007. u 22:14 · pre 229 meseci #8

uu hvala na odgovoru!
sada sam probao i radi u ff i operi, ali ne i u IE

Re: CSS 3 column height - problem 13.12.2007. u 18:36 · pre 229 meseci #9

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

Root.zip59.2k

Re: CSS 3 column height - problem 13.12.2007. u 23:14 · pre 229 meseci #10

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

Srodne teme