Prikaži potpunu verziju : PHP [HTML i CSS] pitanja!?
Aleksandar1987
27.8.2011, 11:49
Ljudi, kako da podesim da mi izgled sajta izgleda isto u svim browserima? Recimo radio sam sajt i sve lepo podesio kako ce da izgleda u Google Chrome-u, medjutim kad ga otvorim u IE-u neke stvari su malo pomerene...Da li postoji neka caka, linija koda za to? Siguran sam da postoji...Hvala unapred!
Kakve crne veze ima izgled sajta sa PHP-om?
HTML i CSS definisu izgled sajta i kako ce se isti renderovati u browseru, php se izvrsava na serveru i izvrsavace se identivno bez obzira na to koji browser pristupa sajtu.
Elem,
izgled sajta u razlicitim browserima je najveca nocna mora ogromnog broja web dizajnera.
u kakvim ti snovima zivis da ce ti jedna linija koda resiti sve probleme :)
ne, brate, ne...
jedina "caka" koja postoji je da stavis
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
na vrhu dokumenta pre svega ostalog.
to ce naterati internet explorer da u nekim slucajevima bolje i slicnije drugim browserima postuje standarde.
ali sanse su bas ogromne da to nece biti dovoljno i da ces morati na svakom iole kompleksnijem dizajnu cesto da hackujes i budzis css i html da bi izgledalo isto u svakom browseru.
to je zivot web dizajnera...
Aleksandar1987
27.8.2011, 15:04
Moja greska sto se tice php-a, znam da je html i css za izgled....nek moderatori promene ime teme u php, html & css pitanja...
Hmmm....znaci oko toga ima da se muim i mucim? Jel ovo sto si mi dao vazi samo za IE ili i za firefox, operu???
Moja greska sto se tice php-a, znam da je html i css za izgled....nek moderatori promene ime teme u php, html & css pitanja...
Hmmm....znaci oko toga ima da se muim i mucim? Jel ovo sto si mi dao vazi samo za IE ili i za firefox, operu???
pa to sto sam ti dao bi trebao da imas na vrhu svake html stranice u svakom slucaju, kolko znam, a ne znam puno jer nisam web dizajner, svi ostali mainstream browseri vec pretpostavljaju ovo, samo IE tera svoju neku politiku dok mu eksplicitno ne kazes da koristis to, medjutim, kao sto sam rekao, i pored toga ces morati da ubacuejs hackove za sve browsere, ne samo za IE kod nekih stvari. Gugl ti je najbolji prijatelj u takvim situacijama.
jedina "caka" koja postoji je da stavis
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
na vrhu dokumenta pre svega ostalog.
to ce naterati internet explorer da u nekim slucajevima bolje i slicnije drugim browserima postuje standarde.
Hm, ovo ne bi trebalo ni malo da utiče na to kako će neki browser prikazati stranu. Možda grešim, naravno, ali mislim da svi novi brauzeri samo mogu da prepoznaju koja je verzija HTMLa u pitanju i kako da se "izbore" s time. E, sad - problem je što ta "borba" često daje različite rezultate :(
kao sto sam rekao, iz nekog razloga internet explorer insistira da tera po svome, osim ako ne stavis tu liniju.
taj podatak sam, doduse, izvukao sa w3schools.com, pa ako lazu oni mene, lazem i ja vas.
ovo je jedan od BROJNIH primera gde stoji disclaimer za internet explorer:
IE8 and earlier versions includes padding and border in the width, when the width property is set, unless a DOCTYPE is declared.
To fix this problem, just add a DOCTYPE to the code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
...
Link ka stranici gde se i sami mozete uveriti: http://www.w3schools.com/css/css_boxmodel.asp
Link ka stranici gde se i sami mozete uveriti: http://www.w3schools.com/css/css_boxmodel.asp
Au, strašno :) Ovo nisam znao, hvala za info...
Hm, ovo ne bi trebalo ni malo da utiče na to kako će neki browser prikazati stranu. Možda grešim, naravno, ali mislim da svi novi brauzeri samo mogu da prepoznaju koja je verzija HTMLa u pitanju i kako da se "izbore" s time. E, sad - problem je što ta "borba" često daje različite rezultate :(
Utiče još kako samo nema nikakvog efekta ukoliko se ne ispoštuju pravila koja definiše taj DTD (Document Type Declaration - http://www.w3.org/QA/2002/04/valid-dtd-list.html). DTD služi da obavesti browser da sadržaj koji sledi prati određeni set pravila koje je definisao W3C (World Wide Web Consortium - http://www.w3.org/) ali to ne znači da se autor koda pridržavao pravila. Zato i služe validatori (http://validator.w3.org/) da potvrde da će stranica biti prikazana identično u svim browserima koji striktno prate određeni DTD.
kao sto sam rekao, iz nekog razloga internet explorer insistira da tera po svome, osim ako ne stavis tu liniju.
taj podatak sam, doduse, izvukao sa w3schools.com, pa ako lazu oni mene, lazem i ja vas.
ovo je jedan od BROJNIH primera gde stoji disclaimer za internet explorer:
Link ka stranici gde se i sami mozete uveriti: http://www.w3schools.com/css/css_boxmodel.asp
W3Schools je sam po sebi poprilično nedorečen a ima i dosta pogrešnih informacija tako da nemojte da ga smatrate bilo kakvim autoritetom kada je u pitanju web razvoj. Ko ne veruje neka pogleda http://w3fools.com/ za detalje.
Što se tehničkog dela citata tiče Internet Explorer (sve verzije) po automatizmu prelazi u tzv. Quirks mod (http://www.quirksmode.org/css/quirksmode.html) ukoliko DTD nije eksplicitno naveden ili ako je u pitanju recimo IE6 postoji tzv. XML prolog <?xml version="1.0" encoding="utf-8"?> ispred DTD-a. U Quirks modu IE koristi drugačiji box model koji definiše kako se međusobno odnose margine, margoi (padding), okviri (border) i dimenzije elemenata (širina, visina).
@Aleksandar1987
Izrada klijentskog dela web aplikacija/sajtova (HTML/CSS/JS...) ume ponekad da bude problematična zbog razlika u browserima ali vremenom se pohvataju sve cake kako izbeći uobičajene cross-browser zamke. Navedi koji konkretno problem imaš i postavi relevantan kod kako bi dobio smernice i eventualno rešenje problema.
Game fever
6.9.2011, 10:47
Posto obicno IE pravi problem ima jedna caka koja moze da resi dosta problema
<!--[if IE X]>
<link rel="stylesheet" type="text/css" href="iespecific.css" />
<![endif]-->
Ovo stavi izmedju <head></head> taga.
Umesto X stavi za koju IE verziju pravis css, 6,7,8,9 itd.
Razlike izmedju firefoxa, chroma i opere su cesto veoma male i lako se mogu ispraviti, safari ponekad zna da bude tvdoglaviji ali se moze resiti.
vBulletin® v3.8.7, Copyright ©2000-2024, vBulletin Solutions, Inc.