Titkok divs elrendezés nélkül hack
Westcom oldalakat én már ennek a hosszú ideig (ez persze, hogyan néz ki), oldies szakemberek valószínűleg azt fogja mondani, hogy 5 év - ez nem időben. Azt vitatni nem akar, és zavaros, minden, amit 5 évvel ezelőtt typeset táblák még mindig nem pereverstano. Táblázat - A táblázatos adatok, diva - mindenki másnak! Ezért úgy döntöttem, 4 évvel ezelőtt, és azóta képzett kis typeset oldalakat egyáltalán nem csapkod.
IE6 - a legfontosabb érvényesítő helyességét az elrendezést, hogy nagyon érzékeny, hogy még a legkisebb pontatlanság stílusok, nem beszélnek már arról lezáratlan címkéket, amelyek mind a modern böngészők egyszerűen figyelmen kívül hagyja. Ha webhelye jól megállapított és megjelenik a nem terjed IE-6, a másik böngészővel tembolee fog megjelenni, minden gond nélkül.
Nos, én egy kicsit megzavart a mai téma (kérem, hogy bocsánatot ilyen hosszú előszót), ideje, hogy állapítson meg annak minden adu kártyák és megtanulhatják, hogyan kell szedése nélkül hack.
Az alapvető szabályok elrendezés Divas
Ezzel szemben az asztalnál - egy elavult elrendezés, alaprajz divs (ha a táblázat csak akkor kell használni a tervezett célra: megjeleníteni táblázatos szöveges adatok, nem pedig a keret weboldalak) kódoló egy sokkal több lehetőséget. Ez különösen igaz a letöltéseket.
Létrehozása lebegő elem (float: left vagy float: right) soha nem nevezte a marginalizálódás és a puding (margin, padding), különösen az ellenkező oldalon körüli áramlás, vagy esetleg több böngésző kompatibilitás, és egy egyszerű kijelző már a zsebében.
Íme egy példa a szabálytalan elrendezés:
Általában azért, mert a kezdő webes tervezők próbálnak létrehozni a fő elrendezés a helyszín (középső blokk lekéstem, hogy könnyebben érthető). Itt van egy csomó hiba: a különböző böngészők és a marginalizálódás Pudding lebegő elemek vagy hozzáadják vagy levonják egymástól, ezért kezdetben ezt az opciót, akkor hozzáfűzni pozhzhe egy csomó különböző stílusok CSS hack (az egyes böngésző).
És itt van a megfelelő elrendezést:
# Jó-példa // szélessége lehet bármilyen számú pixel, százalékok vagy PostScript pontban (pt)
.Left_float
.Right_float // helyett marginalizálódás ezekben úszó elemeket lehet rendelni padding ugyanazon a mintán.
A legfontosabb, hogy ne kombinálja az úszó elemeit mindkét ingatlan egyszerre. És soha nem nevezi padding vagy marginalizálódás az irányba, ahol az elem úszik!
Készítsen úszó (lebegett) html elemeket csak egységekben rögzített (ez nem lényeges, hogy milyen: pixel vagy százalékban) szélességet, majd hozzáadjuk a szülő blokk tulajdonság: túlfolyó rejtett akkor automatikusan megtisztítja az áramlás, és ne hozzon létre újabb tisztítás (általában a kiegészítő div, vagy akár sortörés tag clearfix osztály) elemekkel.
És itt egy példa egy meglehetősen összetett keretén sablon oldalon, ami gyakran alkalmazzák.
#Wrapper // A következő lesz egy úszó elem, így az áramlás a tisztító előre. Én inkább hajlamos azt gondolni, hogy több eredeti árrések élek: szélesség: 98%; margin: 0 auto;
# MY-példa
#MAIN // szélessége a készüléket ne kérdezd, persze, ha van egy gumi sablont, ha egy fix szélességű, akkor jobb, ha azonosítani.
.Left_float_sidebar
.Left_float_sidebar2.
És ez mind a kódot! És már ezeket a blokkokat, rendeljen bármely eleme mindenféle padding és a marginalizálódás. Mindenesetre, a helyszínen nem raspolzetsya. Természetesen, ha a matematikai rendben van, és meg tudja osztani, szorozni, kivonni, és add nélkül baklövéseket. Ebben az esetben, az én tanácsom az divs elrendezése, hogy az én nagy sajnálattal nem segít.