(X)HTML, JavaScript, DHTML, XML, CSS Client scripting tehnologije, Dynamic HTML, Cascading Stylesheets, XML i standardi |
|
Alati teme | Način prikaza |
11. 02. 2006. | #42 |
Boban Karišik
Expert
|
Kôd:
<div id="container"> <div id="header">header</div> <div id="menu">menu right</div> <div id="menu_left">menu left</div> <div id="contents">content</div> <div id="footer">footer</div> </div> Kôd:
body { margin: auto; margin-top: 15px; padding: 0; color: black; font-size: 12px; } #container { width: 100%; } #header { position: relative; width: 100%; border: 1px solid blue; } #menu { float: right; width: 20%; } #contents { float: left; width: 59.5%; border: 1px solid gray; } #menu_left { width: 20%; float: left; } #footer { clear: both; width: 100%; border: 1px solid red; } |
11. 02. 2006. | #43 |
Designer guy
Wrote a book
|
@ Bojan:
Nisam mogao ranije da odgovorim (ali sam propratio sta ste pisali), ne mogu da verujem koji je tvoj problem i sta konstantno pokusavas da dokazes. Posto ni sada ne mogu da se rasplinjavam, evo ti jedan koristan link za to sto hoces oko footera: http://www.themaninblue.com/experiment/footerStickAlt/ |
11. 02. 2006. | #44 |
majstor
Wrote a book
|
Uh... ne pogledam citav dan temu i ono 4 stranice dodate
Uglavnom, nije mi bila namjera zapoceti jos jedan IT flame, sta je bolje i zasto je bolje. Neko vec rece (mislim Ilija) da su u pitanju 2 razlicita nacina razmisljanja i da nije jednostavno preci sa jednoga na drugi - prihvatam to. Ono sto vidjam kod sajtova koji su CSS only je da je dizajn veoma jednostavan i imam osjecaj da je u tom slucaju dizajn podredjen stilu a ne obratno. U slucaju da od dizajnera dobijes PSD/JPG fajl, koji je poprilicno komplikovan (u smislu detalja, coskova, prelaza, prostora za text i sl.) mislim da nije jednostavno napraviti CSS only sajt, pogotovo kad je rijec o pixel preciznim detaljima. Jos nisam dobio odgovor na pitanje 'Koliko browsera (u smislu kompatibilnosti stranice) uzimate u obzir'? I kako mozete vidjeti kako izgleda stranica u recimo IE 5.0 ili Safariju koje nemam instalirane. |
11. 02. 2006. | #45 |
banned
Professional
Datum učlanjenja: 04.06.2005
Poruke: 371
Hvala: 0
738 "Hvala" u 83 poruka
|
Nisam pratio temu, sada pogledah, ali bilo je reči o footeru:
http://www.devprotalk.com/t248-zalep...-browsera.html
__________________
Don't look at me; I'm lost too. “If you can't dazzle them with brilliance, baffle them with bul*s**t.” |
11. 02. 2006. | #46 |
profesionalac
Qualified
|
Misk0 dao sam ti odgovor na pitanje o browserima i da je noramlo da pregledas u 2-3 browsera svoj sajt, ako mislis da je potrebno moze i vise, ali to povlaci za sobom komplikovano i fino podesavanje da se ta stranica vidi u svim tim browserima isto.
Sto se tice detalja i finoce izrade sajta nisi u pravu, sa CSS-om ti samo namestas elemente i dajes im neke odredjene karakteristike, koje mogu biti jako fino odredjene i sa njim je moguce bas sve izvesti samo ti je potrebno iskustvo, u pocetku neces moci sve da znas kako se radi, ali sto vise radis sve ce ti biti lakse. Samo ti kreni od basic stvari ka tezim i sve ce to tebi polako doci na svoje mesto.
__________________
Mess with the best die like rest!!! |
11. 02. 2006. | #47 |
majstor
Wrote a book
|
Zero: vezano za browsere: htio sam cuti i druga misljenja osim tvog, NHF.
Drugo, nisam ja bas pocetnik sto se tiche CSS-a koristim ga, skontao sam neke fazone, ali sam izgubio vec poprilicno vremena, tj imao sam ga tad. Sutra kad ga ne budem imao, sta cu onda? ... o tome govorim. |
11. 02. 2006. | #48 |
Filip Milivojević
Certified
Datum učlanjenja: 06.06.2005
Lokacija: Pirot (Nis), Serbia, Serbia and Montenegro
Poruke: 51
Hvala: 0
0 "Hvala" u 0 poruka
|
Evo za ovaj footer mi je trebalo 2 minuta da napravim (uzeo sam malo tvog koda Bojane). Radi u Mozilla-i i KHTML-u (Safari), u ostalim bi trebalo da radi, ali nemam sad vremena da probam - imam pametnijih stvari.
Kôd:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style> html { height: 100%; } body { min-height: 100%; position: relative; margin: 0; } * html body { height: 100%; } #container { overflow: auto; padding-bottom: 1.2em; } #left { float:left; width:20%; border: 1px red solid; } #right { float:right; width:20%; border: 1px solid blue; } #content { margin: 0 20%; border: 1px solid blue; } #footer { position: absolute; left: 0; right: 0; bottom: 0; border: 1px solid green; } * html #footer { width: 100%; } </style> <body> <div id="container"> <div id="left">Leva kolona</div> <div id="right">Desna kolona</div> <div id="content"> 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 id="footer">Footer</div> </div> </body> </html> |
12. 02. 2006. | #49 |
expert
Master
Datum učlanjenja: 20.12.2005
Poruke: 730
Hvala: 0
0 "Hvala" u 0 poruka
|
@zekica a isto je i za dragana
Da vidimo malo CSS html { height: 100%; ?! } body { min-height: 100%; ?! position: relative; margin: 0; } * html body { height: 100%; ?! } Dakle, zbog ovoga je to cisti hakeraj. Ako vec nisi video hack sansa da ga napravis je nula i to je problem, a ako radi copy/paste nismo ni resavali konkretan problem. Jos kad vidim kako ima onih koji poistovecuju webdesign sa HTML (ne ovde, drugde) muka mi pripadne. |
12. 02. 2006. | #50 |
Ivan Dilber
Sir Write-a-Lot
|
eh, ti ga sad pretera...sve ovo mozes da provalis iz W3C specifikacije i citanja par knjiga i tutorijala na ovu temu i PAR MESECI VEZBANJA...ne moze preko noci da se predje na CSS, kao sto uostalom nisi ni mogao tabele tek tako da sednes da koristis u dizajnu, u vreme Netscape-a 4 i IE 3 tabele su bile nocna mora...jedan extra spejs na pogresnom mestu i sve se raspadne...
e pa bas kao sto je to tad zahtevalo vezbu i CSS sad zahteva malo probanja, i gnjavljenja i neprospavanih noci, ali kad naucis vrlo je korisna tehnologija... a kako browseri budu postajali kompatibilniji sve ce lakse biti raditi sa CSS-om, bas kao sto se danas tabele smatraju jednstavnom tehnikom ( a veruj mi na rec na 98 ili 99 nisu bile nimalo jednostavne...) Inace jedini pravi hakeraj ovde je * html fora za height:100% za IE jer on ne podrzava min-height, a po defaultu prosiri kontejner ako ne moze da stane sadrzaj (takodje nepravilno), pa se to onda koristi da se simulira standardno ponasanje koje se postize sa min-height.. A i ovo min-height 100% je potrebno samo ako ti je sadrzaj na stranici manji od visine ekrana, a zelis da ti footer bude skroz dole, jer PO STANDARDU html i body su block elementi pa se zato prosire samo koliko ima sadrzaja u njima... prosto ko pasulj..
__________________
Leadership is the art of getting people to want to do what you know must be done. |
|
|
Slične teme | ||||
Tema | Početna poruka teme | Forum | Odgovori | Poslednja poruka |
Ajax Powered MySQL Table Editor i Viewer | ljtruba | (X)HTML, JavaScript, DHTML, XML, CSS | 5 | 26. 08. 2010. 22:02 |
Download: The True Story of the Internet | japan | Opušteno | 1 | 08. 05. 2008. 11:17 |
table, jedna ispod druge u celiji | Ivan | (X)HTML, JavaScript, DHTML, XML, CSS | 8 | 07. 12. 2007. 14:45 |
Pivot Table OWC Alternative | dejan2102 | Programiranje | 0 | 04. 11. 2006. 00:26 |