Hogyan, hogy összehangolják a div közepén az oldal tiszta css

Blog → Hogyan, hogy összehangolják DIV az oldal közepén tiszta CSS?

Mostanáig, az interneten is megtalálják a módját, hogy javasoljuk, beljebb a százalékban, de azt ajánlom, hogy felejtsd el őket, és nem használja. Jelenleg a legtöbb egyszerű és elegáns svosobom a másik - a feladat automatikus francia (auto) a határon (margin). Pontosabban, a stilisztikai megjelenés, ez a kialakítás így lesz: „margin: 0px auto”. És íme egy példa. Itt a kód HTML (test.html):

De például a CSS (style.css):

#wrap <
margin: 0px auto;
szélesség: 500px;
background-color: Brown;
>

Ellenőrizze! Minden rendben a Chrome, az Opera és a Firefox. Ennek bizonyítékaként Idézem screenshot készült Chrome ablakot.

És itt fekszik egy kis árnyalatot, amely gyakran megbotlik nemcsak a kezdő webes tervezők, de elég tapasztalt. Nem azért, mert nem ismeri a problémát, és a banális - figyelmetlen, ne tartsa, a másik fej foglalt, stb Nyissa meg az oldalt az Internet Explorer és egy igen eltérő képet ..

Miért olyan. Volt egy ügy, egyszer töltött 20 perc alatt véghezvinni CSS, még nem sejtette, hogy mi a „dugulás”. Mivel gyakran előfordul - részletesen. Ne felejtsük el, hogy meghatározza a DOCTYPE! Végül is, ha a legtöbb böngésző ostalnyz kitalálni azt a „röptében”, az Explorer (esetemben, IE9) kiderült, hogy rendkívül szigorú feledékenység kódoló. Adja meg a DOCTYPE a fenti példa, és - íme, minden úgy működik, ahogy kell, és az IE! Itt a végleges változat a HTML (test.html):