Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

CSS 3 column height - problem

[es] :: Web dizajn i CSS :: CSS 3 column height - problem

[ Pregleda: 2456 | Odgovora: 9 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

Dusan Gacic
Beograd

Član broj: 10369
Poruke: 203
77.46.165.*



Profil

icon CSS 3 column height - problem04.12.2007. u 10:45 - pre 198 meseci
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..
Prikačeni fajlovi
 
Odgovor na temu

Dusan Gacic
Beograd

Član broj: 10369
Poruke: 203
77.46.165.*



Profil

icon Re: CSS 3 column height - problem05.12.2007. u 22:56 - pre 198 meseci
zar niko ne zna??
 
Odgovor na temu

toplim
Pera Furundzija

Član broj: 23551
Poruke: 806
212.62.39.*



+45 Profil

icon Re: CSS 3 column height - problem08.12.2007. u 20:59 - pre 198 meseci
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.
 
Odgovor na temu

mahatma
45

Član broj: 82577
Poruke: 89
*.adsl.beotel.net.



+1 Profil

icon Re: CSS 3 column height - problem09.12.2007. u 19:20 - pre 198 meseci
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 :)
 
Odgovor na temu

toplim
Pera Furundzija

Član broj: 23551
Poruke: 806
212.62.39.*



+45 Profil

icon Re: CSS 3 column height - problem09.12.2007. u 20:45 - pre 198 meseci
To sam mu i ja rekao :)
 
Odgovor na temu

Dusan Gacic
Beograd

Član broj: 10369
Poruke: 203
77.46.234.*



Profil

icon Re: CSS 3 column height - problem10.12.2007. u 17:11 - pre 198 meseci
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..
 
Odgovor na temu

sinhrotron
Nebojsa Djuraskovic
web developer
Nis

Član broj: 165788
Poruke: 14
*.eunet.yu.



Profil

icon Re: CSS 3 column height - problem11.12.2007. u 20:47 - pre 198 meseci
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
 
Odgovor na temu

Dusan Gacic
Beograd

Član broj: 10369
Poruke: 203
77.46.190.*



Profil

icon Re: CSS 3 column height - problem11.12.2007. u 22:14 - pre 198 meseci
uu hvala na odgovoru!
sada sam probao i radi u ff i operi, ali ne i u IE


 
Odgovor na temu

sinhrotron
Nebojsa Djuraskovic
web developer
Nis

Član broj: 165788
Poruke: 14
*.eunet.yu.



Profil

icon Re: CSS 3 column height - problem13.12.2007. u 18:36 - pre 198 meseci
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...
Prikačeni fajlovi
 
Odgovor na temu

Dusan Gacic
Beograd

Član broj: 10369
Poruke: 203
77.46.191.*



Profil

icon Re: CSS 3 column height - problem13.12.2007. u 23:14 - pre 198 meseci
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
 
Odgovor na temu

[es] :: Web dizajn i CSS :: CSS 3 column height - problem

[ Pregleda: 2456 | Odgovora: 9 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.