|
Klijentske aplikacije (X)HTML, CSS, JavaScript, AJAX... |
|
Alatke vezane za temu | Vrste prikaza |
28.4.2008, 20:08 | #1 |
Član
Član od: 1.12.2005.
Poruke: 55
Zahvalnice: 1
Zahvaljeno 0 puta na 0 poruka
|
Pomoć - pozicioniranje sadržaja pomoću CSS-a
Pocetnik sam sa CSS-om pa mi je potrebna mala pomoc oko okvira <div> tag za pozicioniranje sadrzaja na strani. Napravio sam glavni okvir u kome ce se nalaziti sav sadrzaj 640x480. I posto sam koristio rezoluciju 1024x768 pozicionirao sam ga 192 pixela od leve strane. U Operi to tako i prikazuje medjutim u IE ga lepi za levu stranu. Zbog cega se to desava i kako da to resim. I kako da kazem okviru da se uvek nalazi na sredini strane bez obzira na rezoluciju monitora?
I jos jedno pitanje, u tom glavnom okviru sam ubacio jos jedan okvir koji bi trebao da se nalazi na dnu, stavio sam relativ poziciju na 465px od vrha misleci da ce da ga pozicionira na dno jer je on visok 15px medjutim on ga stavlja na neko, meni, nelogicno mesto, gde gresim? |
8.5.2008, 1:11 | #2 | |
Član
Član od: 9.4.2007.
Lokacija: Somwhere, over the rainbow...
Poruke: 337
Zahvalnice: 99
Zahvaljeno 19 puta na 14 poruka
|
Re: Pomoć - pozicioniranje sadržaja pomoću CSS-a
Citat:
Nisam siguran za relative poziciju ali uradi uz pomoc absolute, ona ce raditi sigurno, i ne zaboravi Z-Index. |
|
8.5.2008, 2:30 | #3 | |
Deo inventara foruma
Član od: 5.12.2005.
Poruke: 6.785
Zahvalnice: 348
Zahvaljeno 1.893 puta na 1.078 poruka
|
Re: Pomoć - pozicioniranje sadržaja pomoću CSS-a
Citat:
U suštini uslovni komentari su nepoželjni a posebno kompletno definisanje dva potpuno različita eksterna CSS fajla. Razlog je jednostavan.... Nepotreno dupliranje selektora koje može da izazove zbrku. Ako se selektori već redefinišu onda treba uslovno uključeni CSS koristiti samo kao neku vrstu patch-a originalnom koji će "patch-ovati" izgled pojedinih selektora tako da odgovaraju Explorer-u. E sad... Pravi profesionalci znaju kako da izbegnu potrebu da koriste dovijanja tipa uslovnih komentara da bi postigli "sličan" izgled stranica u browserima. U prethodnoj rečenici sam namerno rekao "sličan" zato što sam zastupnik ideje da ne treba manijakalno težiti da u svim browserima jedna te ista stranica mora da izgleda apsolutno stopostotno isto. Po meni sasvim su dozvoljena odstupanja koja ne utiču na funkcionalnu i estetsku vrednost. Dakle, cilj je naučiti kako sa što manje muka napraviti što kompatibilniji (ne mora da bude stopostotno kompatibilan) kod za sve browsere. Kada se nauče cake tipa da se na kontejnerima nad kojima su definisane dimenzije nikada ne definiše padding ili margina, kada se nauči da se nad float-ovanim objektima nikada ne koriste margine, kako se koriste "faux" modeli itd. lakše je Dosta mog mudrovanja. @Markez Kod:
#glavniKontejner { position:absolute; top:50%; left:50%; width:640px; height:480px; margin-left:-320px; margin-top:-240px; } Kod:
#glavniKontejner { width:640px; height:480px; margin:0 auto; } |
|
11.5.2008, 14:22 | #4 | |
Član
Član od: 9.4.2007.
Lokacija: Somwhere, over the rainbow...
Poruke: 337
Zahvalnice: 99
Zahvaljeno 19 puta na 14 poruka
|
Re: Pomoć - pozicioniranje sadržaja pomoću CSS-a
Citat:
Da li bi mogao da objasnis razlike (prednosti i mane ako ih ima) ova dva primera koja si naveo. Ja licno nikada nisam koristio ovaj prvi primer sa negativnim marginama, sta se dobija ako koristimo prvi primer a sta ne i obradno? Sta su "faux" modeli? |
|
12.5.2008, 14:17 | #5 |
Deo inventara foruma
Član od: 5.12.2005.
Poruke: 6.785
Zahvalnice: 348
Zahvaljeno 1.893 puta na 1.078 poruka
|
Re: Pomoć - pozicioniranje sadržaja pomoću CSS-a
Osnovna razlika između prvog i drugog primera je u tome što prvi primer vrši i horizontalno i vertikalno centriranje dok drugi vrši samo centriranje po horizontali.
Generalno, prvi primer sa apsolutnim pozicioniranjem je dobar iskljčivo kada su poznate dimenzije bloka koji se centrira. Dakle, u gornjem primeru je dato da je blok 640x480 piksela i u tom slučaju je moguće koristiti ovakav vid pozicioniranja. Ovo je tzv. relativno pozicioniranje tj. sadržaj se uvek nalazi u strogom centru stranice i nije kao što sam rekao pogodan kada nisu poznate dimenzije bloka koji se centrira. Drugi primer centrira stranicu isključivo po horizontali koristeći opciju automatskog definisanja margina levo i desno na vrednost auto. Prisetite se skraćenog oblika definisanja margina u obliku margin:0 auto. Ovaj oblik skraćeno kaže da je gornja margina 0, desna auto, donja 0 i leva auto (redosled je izuzetno važan). Kod "faux modela" je najpozantiji "faux column". Model se koristi kada se u kreiranju CSS layout-a koristi float-ovanje div-ova. Problem sa float-ovanim kontejnerima je da oni izlaze iz konteksta stranice i uopšte ne utiču na ostatak "flow-a" stranice pa recimo kontejner koji ih sadrži se ne širi po visini automatski. Tada se primera radi koristi "faux column" gde se kao pozadina kontejnera koji sadrži float-ovane kontejnere postavlja slika koja "lažira" pozadinu kolone koja treba da prati visinu ostalih kolona Možda je ovo zvučalo malo komplikovano ali evo par primera i objašnjenja. http://www.ilovejackdaniels.com/css/...iquid-layouts/ http://www.communitymx.com/content/a....cfm?cid=afc58 "Faux columns" ima i mana zbog kojih nije pogodan za korišćenje u mnogim situacijama. Primera radi kod tzv. liquid dizajna sa izmenjljivim dimenzijama prozora nije pogodan. U suštini najbitnija stavka u celoj priči je početi razmišljati na CSS način kod dizajna layout-a tj. pokušati pobeći od potrebe da se layout "slice-uje" pa uklapa u jednu celinu i tako to. CSS može umnogome da olakša rad na izgledu sajta ali ako se ne koristi na pravi način web dizajner jednostavno neće videti sve njegove prednosti. Takođe... Neiskusni ili za njihovo dobro previše iskompleksirani web dizajneri imaju običaj da bez ikakvog argumenta pljuju po tabelama pa tako i sebi i drugima (nekorisnim savetima) zagorčavaju žovot pokušavajući po svaku cemu da imitiraju tabele CSS-om. To je ogromna greška! Tabele ponekad umeju da umnogome olakšaju rad ali ih treba koristiti isključivo za tabelarni prikaz sadržaja koji bi po prirodi bilo lakše na taj način predstaviti. Toliko od mene za sad |
Bookmarks sajtovi |
Alatke vezane za temu | |
Vrste prikaza | |
|
|
Slične teme | ||||
tema | temu započeo | forum | Odgovora | Poslednja poruka |
Ne možete da se setite imena igre? (C64, Amiga, DOS, Arcades...) | The Dark Gamer | Stare igre | 2224 | 11.11.2022 23:46 |
Pomoć oko upisivanja kukija pomoću JavaScripta | Skols | Klijentske aplikacije | 0 | 25.2.2008 21:39 |
[Legend of Zelda - The Minish Cap] -> pomoć | Geomaster | Konzole | 30 | 10.9.2007 14:05 |