DevProTalk
Strana 4 od 6 < 123 4 56 >
Prikažite 40 poruka iz ove teme na jednoj stani

DevProTalk (http://www.devprotalk.com/index.php)
-   (X)HTML, JavaScript, DHTML, XML, CSS (http://www.devprotalk.com/forumdisplay.php?f=8)
-   -   CSS vs Table - old story, but (http://www.devprotalk.com/showthread.php?t=653)

bluesman 11. 02. 2006. 13:36
Nisam siguran šta hoćeš da napraviš, ali ako je ono što ja mislim da ti treba, onda imaš jednu jako prostu grešku, evo ti ceo kod:
HTML kôd:
<html>
<head>
<body>
<div style="overflow:auto;clear-both:margin-bottom:1.2em">
<div style="float:left; width:20%; border: 1px red solid">Leva kolona</div>
<div style="float:right; width:20%;border: 1px solid blue">Desna kolona</div>
<div style="margin-left:20%; margin-right:20%; border: 1px solid blue">
Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>
Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>
Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>
Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>
Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>
Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>
Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>
Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>Sadrzaj<br>
</div>
</div>
<div style="height:1.2em;position:absolute;bottom:0;border:1px solid green">Footer</div>
</div>
</body>
</html>
A ovo je glavna razlika:
HTML kôd:
<div style="margin-left:20%; margin-right:20%; border: 1px solid blue">
Meni se čini da ti ovo ne razumeš baš najbolje? :)

bojan_bozovic 11. 02. 2006. 13:40
Moj layout nije radio ali samo ako govorimo o futeru (Opera 8.51). Da, treba i da se proveri u FF i u FF nije radio, treba margin-left i margin-right, kao sto si napisao (tj. treba hakovanje). Govorimo o futeru ovde. Ja nisam zelotcina i layout fiksne sirrine bih radio sa position:absolute svuda, govorim o zelotizmu. To je ono sto mi smeta.

Pedja samo da mi objasni kako ce W3C box model da mi pomogne da napravim ovu ilustraciju sa http://www.bloodrayne.com/loband/index.html , pa idi na screenshots ili za to ne treba ni znati kako se kompjuter pali, a akademija likovnih umetnosti pomaze (tj. sta konkretno ja dobijam od toga? :)) (Poenta: i u DW pravis odlican sajt, ako umes da crtas)

bluesman 11. 02. 2006. 14:00
BTW, "margin-left" i "margin-right" nije nikakav hack. :)

Za ovo drugo te i ne razumem šta govoriš. Kakve veze ima box model sa ilustracijom i crtanjem?

bojan_bozovic 11. 02. 2006. 14:03
Onda downloaduj Operu i isprobaj kod koji sam postovao na prethodnoj strani ili izmeni centralnom divu CSS da je margin-left i margin-right po 20% i isprobaj u FF i Futer ne radi kako je Dragan napisao da ce da radi, a ja cekam od njega odgovor

Crtanje je tu da ga podseti da CSS nece nikom da pomogne da napravi bloodrayne.com

Zero-Cool 11. 02. 2006. 14:29
Zasto ljudi vecito zapocinju ovu prepirku, jednostavno je Bojane ako ti se ne svidja CSS ti ga nemoj koristiti, jer iskreno u njemu je moguce odraditi sve sto i sa tabelama, nekima je rad sa CSS-om brzi, tebi nije pa onda koristi ono za sta ti treba manje vremena.

Ne mozes se ti raspravljati sa nekim u vezi CSS-a kad isti i ne poznajes dovoljno dobro, drzi se tabela i radi sa njima,a kad ti bude bilo potrebno da radis sa CSS-om ti ces nauciti ili ako ti zapne doci ces ovamo i pitati sta ti nije jasno.

Ova tema je trenutno jako malo korisna, mozda samo Bojanu sto mu je objasnila kako se neke stvari rade u CSS-u. koje nije znao, npr. Footer.

bluesman 11. 02. 2006. 14:34
Mislio sam da su ti kolone problem a ne footer. Dodaj samo "clear:both; width:100%;" u footer pa ce da radi svuda. Recimo ovako:
HTML kôd:
<div style="height:1.2em; border-top:1px solid green; position:absolute; bottom:0px; width:100%; clear:both;">Footer</div>

bojan_bozovic 11. 02. 2006. 15:39
@bluesman

Opet ne radi (provereno) zbog position:absolute koji pozicionira layer nezavisno od ostalih u odnosu na wievport, sto je i bila moja poenta. Ne kazem da ovo mozda ne moze da se izvede (pardon, imamo visekolonski layout u FF 1.5, CSS 3) ali radi se o tome da li treba. Za neki drugi layout CSS bi bio idealan, a , zerocool, o tome i govorim, ja iskljuciv nisam, Dejan i Ilija jesu, CSS pa CSS.

http://maestitia.net/1.html - da bas i vidite da ne radi, plus smo izgubili ceo dan (i o tome sam pricao!) na layout. Za drugi layout, da, CSS, ali nemojte da budete iskljucivi.

kalkulus 11. 02. 2006. 16:37
jedno pitanje, da li je cilj cele ove zezancije da footer bude na dnu strane ispod kompletnog sadrzaja sredishnjeg div-a?

ako je to slucaj onda je overflow:auto; za wraper div potpuno nepotreban. to zbunjuje i FF i Operu, dok bez toga sasvim lepo radi

borstale 11. 02. 2006. 17:11
Malo se brinem da ne lupim glupost, ali kad sam kod sebe ubacio (u footer) position:relative, footer je ostao dole u svim browserima...

ivanhoe 11. 02. 2006. 17:23
joj, mrzi me da citam sve ovo, pa izvinjenje ako je vec neko ovo spomenuo, ali ako je do footera na dnu kontejnera, to se radi sa position:absolute; bottom:0 u footeru, a kontejneru stavis padding-bottom koliko je debeo footer, i to je to...


Vreme je GMT +2. Trenutno vreme je 21:20.
Strana 4 od 6 < 123 4 56 >
Prikažite 40 poruka iz ove teme na jednoj stani

Powered by vBulletin® Verzija 3.6.8
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Copyright © DevProTalk. All Rights Reserved.

Mišljenja, saveti, izjave, ponude ili druge informacije ili sadržaji nastali na Sajtu su vlasništvo onoga ko ih je kreirao, a ne DevProTalk.com, tako da ne morate da se oslanjate na njih.
Autori poruka su jedini odgovorni za ovakve sadržaje. DevProTalk.com ne garantuje tačnost, kompletnost ili upotrebnu vrednost informacija, stavova, saveta ili datih izjava. Ne postoje uslovi pod kojima bi mi bili odgovorni za štetu ili gubitak koji je posledica bilo čijeg oslanjanja na nepouzdane informacije, ili bilo kakve informacije nastale kroz komunikaciju između registrovanih članova.
Web sajt može sadržavati linkove na druge web sajtove na Internetu ili neke druge sadržaje. Ne kontrolišemo niti podržavamo te druge web sajtove, niti smo pregledali bilo kakve sadržaje na takvim sajtovima. Mi nećemo biti odgovorni za legalnost, tačnost ili prikladnost bilo kog sadržaja, oglasa, proizvoda, usluga ili informacije lociranim na ili distribuiranih kroz druge web sajtove, niti za bilo kakvu štetu nastalu kao posledica takvih informacija. DevProTalk.com drži i čuva druga prava vlasništva na web sajtu. Web sajt sadrže materijale zaštićene copyright-om, zaštitne znakove i druge informacije o pravu vlasništva ili softver. Članovi mogu poslatu informacije zaštićene pravima vlasništva njihovih nosilaca i ona ostaju zaštićena bez obzira da li su oni koji prenose te informacije to naveli ili ne. Osim informacija koje su u javnom vlasništvu ili za koje dobijete dozvolu, nemate pravo da kopirate, modifikujete ili na bilo koji način menjate, objavljujete, prenosite, distribuirate, izvršavate, prikazujete ili prodajte bilo koju informaciju zaštićenu pravima vlasništva. Slanjem informacija ili sadržaja na bilo koji deo DevProTalk.com, Vi automatski dozvoljavate i predstavljate garanciju da imate pravo da dozvolite DevProTalk.com ili članovima DevProTalk.com bespovratnu, kontinualnu, neograničenu, globalnu dozvolu da koriste, kopiraju, izvršavaju, prikazuju i distribuiraju takve informacije i sadržaje i da iz takvih sadžaja koriste bilo koji deo u bilo koje svrhe, kao i pravo i dozvolu da koriste gore navedene sadržaje. Svi zaštitni znakovi (trademarks), logotipi, oznake usluga, firme ili imena proizvoda koji se pominju na ovom web sajtu su vlasništvo kojim raspolažu njihovi vlasnici.