Határon böngésző elrendezés
Határon böngésző elrendezést. hasznos tippeket
És így, ebben a cikkben megpróbálom elmagyarázni, hogy mit cross-browser elrendezés, mi a fontos, és ad néhány tippet, hogyan lehet tanulni, hogyan kell szedése a cross-browser.
Ma már elegendő számú különböző böngészők: ez az Internet Explorer. és a Mozilla Firefox. és az Opera. és a Safari. és a Chrome. Ezen kívül minden ezen böngészők, mint minden szoftver, sok változatban. Ez az egyik változata a böngésző öregszik, nyom, amely bevezette a modern funkciók, stb de ez egy kicsit tovább.
Tehát, egy és ugyanazon a helyszínen, ugyanazt a mintát, stílus, és a motor is megjelenik a különböző böngészők eltérő módon. Azaz, ha szedése az elrendezés a helyszínen, és ellenőrizni, hogy a Mozilla Firefox, úgy döntöttünk, hogy fut utána, hogy ellenőrizze az Internet Explorer, és ott - egy rémálom blokkok szétszórt, a menü nem jelenik meg rendesen, és minden formáját helyen.
Ez nem lehet, a helyszínen meg kell jelennie szinte azonos minden böngészőben, mert a webhely látogatói mindet élvezni. Most, összefoglalva a fenti, az egyik már határozza meg a cross-browser elrendezés - ez az elrendezés a weboldal, amely lehetővé teszi, hogy megjelenjen minden böngészőben egyformán.
Ezért, amikor a bérleti kulcsfontosságú követelmény DTP szakemberek - az a képesség, hogy döntsön a cross-browser. Ismerje meg, hogy tetszik az elrendezés egyszerre nem fog működni, készség jön a tapasztalat, az egyik kezdi megérteni, hogy miért az egyes böngészők megjelenő kódot normálisan, míg más iskolákban. Ezért egy tapasztalt coder próbál azonnal, hogy a kódot a lehető legnagyobb mértékben igazodik minden böngészővel, és csak a pálya elrendezést egyes hibák kijavítása.
Most egy kicsit arról, hogy miért van ez így, miért különböző böngészők érzékelik kódot írsz különböző módon.
Nos, először is, van néhány szabványos HTML. hogy az elrendezés nem tudnak versenyezni. Nem felelnek meg ezeknek a szabványoknak lehet és bizonyos változatait böngészőt használ, amely még mindig a látogatók jönnek a webhely.
Másodszor, a haladás halad előre, vannak új technológiákat. amely lehetővé teszi a webhely, hogy több elegáns és praktikus. Ennek megfelelően az új könyvtár, valamint a CSS-szabályok, amelyeket a jól ismert frissített változatát böngészők és elavult, sajnos - nem.
Harmadszor, a bohóckodás az Internet Explorer. amely játszik annak néhány szabályt. Személy szerint én még mindig nem értem hogy az emberek miért nem húzza le a böngészőt. Ez különösen szórakoztató előtt, amikor sok használat IE6. Ez a böngésző nem érti a felét a szabályokat, képek, az átláthatóság nem játszik, stb Ez volt, és meg kell használni Imposer semmilyen hack bejárható IE.
Nos, az utolsó fontos oka - ez az alapértelmezett attribútumokat. A különböző böngészőkben, lehet, hogy más. Az attribútumok egy elem utal, hogy a szín, a elemei közötti távolság, a betűméret, stb Ha ezeket és más paraméterek nem fejtik ki a stíluslapot, a böngésző maga kezdi helyettesíteni az értékek vannak megadva az alapértelmezett. Nos, azért, mert ezek az értékek a különböző böngészőkben, te magad is kitalálni, hogyan fognak megjelenni a helyszínen.
Hogyan lehet megoldani ezeket a problémákat, és megtanulják, cross-browser elrendezést. Az egyik megoldás az, hogy a gyakorlatban, és hogy megoldásokat keressenek a hálózatban, miért egy bizonyos kód nem akarja megérteni az adott böngésző. Azt annak egy részét szeretnék adni néhány tipp, ami segít szedése cross-browser.
1. Annak érdekében, hogy megoldja a problémát az alapértelmezett tulajdonságait. hozzá lehet rendelni ezeket a tulajdonságokat egy stíluslapot, a böngésző nem hiszem el, és nem helyettesíti az értéküket. Egy példa egy ilyen szabály, idézet:
html, test, div, span, applet, tárgy, iframe,
H1, H2, H3, H4, H5, H6, p, blockquote, pre,
egy, röv, rövidítése, cím, nagy, idézet, kód,
del, dfn, em, font, img, ins, kbd, q, s SAMP
kicsi, sztrájk, erős, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
mezőkészlet, forma, címke, Legend,
táblázat, felirat, tbody, tfoot, thead, tr, th, td árrés: 0;
padding: 0;
átnyúló: 0;
vázlat: 0;
font-weight: örökli;
font-style: örökli;
font-size: 14px;
font-family: örökli;
függőleges-align: top;
háttér: átlátszó;
font: Verdana, Geneva, lucida 'lucida grande', Arial, Helvetica, sans-serif;
background-color. fehér;
>
2. Szükséges, hogy a legnépszerűbb böngészők már telepítve van a számítógépen. Ugyancsak célszerű telepíteni az összes IE verzió, kezdve a 6. Állítsa be az egyik számítógépen Sok változata IE nem fog működni egyszerűen ez: ha kell, akár fel őket a különböző operációs rendszer egy változata, vagy használjon egy virtuális gép.
Ön is használja az IE Tester program, amely lehetővé teszi, hogy ellenőrizze a helyszínen körülbelül egy sor változatai IE. Én személy szerint, de néhány nem tetszik, azt mondják, hogy bizonyos projektek a program nem jelenik meg megfelelően.
3. Meg kell határozni a stratégia elrendezést. Ahogy lesz kényelmesebb: kiszabására azonnal az egész oldal alatt egy böngészőt, majd vezetni, hogy a hátsó, vagy pedig elő fokozatosan, és ellenőrizze az egyes elemek minden böngészőben, beállítása, ha szükséges.
Azt magam választottam a második lehetőség, minden tétel szedése első alatti FireFox, majd megszokott, hogy a hátsó, így a végén az elrendezés, akkor elkerülhető a felesleges problémákat, és nem remake az egész elrendezés teljesen.
4. Annak érdekében, hogy megkönnyítse a munkájukat, és gyorsan megtalálja hibák a kódban egy adott böngésző, akkor telepítse a következő plug-inek:
Ami az összes vyshenapisannogo lehet kötni. Határon böngésző elrendezése nem olyan szörnyű, mint amilyennek látszik első pillantásra, a legfontosabb, hogy tapasztalatokat szerezzenek ahhoz, hogy megértsük, hogyan képes megjeleníteni az egyik vagy másik böngészőt írsz kódot az oldalon. Válasszon körökre osztott stratégia elrendezés és a bővítmények használatát a fejlesztők számára.
Ossza cikket barátaiddal:
Mondjuk, én szembe ilyen probléma, tördelt formában, ha a gombot, hogy küldjön egy képet, ez található behúzásával. Már esett minden, ami lehetséges. Az azaz szabadon mozog, ismeretlen okból, a felső kéz. más böngészőkben minden rendben van. Figyeljük meg, hogy mindegyik böngésző font ugyanannak a családnak, kicsit más, amit ő vastagabb, a másik vékonyabb és a szélessége a betűk más. Ez normális?
Igen, hadd legalább 1000 ad W3 - a legfontosabb dolog, hogy a felhasználók látni az oldalon mindenhol ugyanaz, és a jobb!
a Norb. Nézed a hibákat, hanem az összes azt tudom - nincs következménye ők maguk nem okozzák.
Igen, van 53 hiba w3 kérdéseket!