Táblázatos elrendezés blokkok

Pa Pa linkek rá néhány p s t EP in nem m- R ESOURCES s:

Annak ellenére, hogy ma van két sor egy oldal elrendezése: táblázatos és blokk, nem hiszem, hogy a szurkolók a két ág van a kölcsönös félreértés. Biztos vagyok benne, bármilyen internetes munkás lát nyilvánvaló nyújtotta előnyöket az elrendezés a blokkok, de ugyanakkor, sokan, amikor szembesült a nehézségekkel, ami ebben az esetben merül fel, értékeli a javasolt megoldásokat indokolt marad hívei a régi iskola - egyszerűen azért, mert sokkal kényelmesebb .

A kulcskérdés

Mi akadályozza a blokk elrendezés diadalmenete az egész bolygón? Sok akadály. De talán egyedül köztük az a probléma, néhány helyen nem hasonlíthatók még kevésbé, mint egy keresést a Szent Grál. Szűk - létrehozása vízszintes blokk azonos magasságú, azaz a Végrehajtása a legtöbb, amit sem az asztalon lényegében néha szükség van, ha a webhely elrendezését, például abban az esetben, a klasszikus 3-hkolonochnogo elrendezése:

Szeretnék ajánlani egy egyszerű, de ugyanakkor egy népszerűtlen megközelítését ezen probléma megoldásához, nevezetesen, hogy építsenek egy webhely keretrendszer, hogy felhagy a tábla címkét, de megtartva a tábla modell:

Szerint a CSS szabvány, annak érdekében, hogy ez meg a divs a táblázatban, akkor elegendő az osztályok megfelelő kijelző: display: table;. display: table-row; és a kijelző: table-cell; .

De nem véletlenül hívják ezt a megközelítést népszerűtlen. „Tablichniki” fogja látni a vétel csak feleslegesen „újra feltalálja a kereket”, mint lelkes bajnokai nu skool ítélik így ideológiailag helytelen, különösen azért, mert első pillantásra úgy tűnik, hogy ez egy zsákutca, böngészők Microsoft display: table; Nem támogatjuk, és nem áll szándékában, hogy támogassa a közeljövőben, ami azt jelenti, hogy lehetséges, hogy hagyjon fel az asztalra sablonok és ez a helyzet a bűn nem kihasználni.

Sok kifogást lehet egyet, de mégis, lehetetlen nem észrevenni a nyilvánvaló előnyei és a „tábla” megközelítés, a legfontosabb közülük, látom:

elválasztása tartalom reprezentációk;
kivetésének lehetőségét az „asztal” elrendezést a komplexitás;
egyszerű végrehajtását.

Pont „egyszerű kivitelezés,” talán a legnagyobb oka a kétség, c „helyes böngészők” minden világos, hanem az, hogy van egy nagyon egyszerű megoldás az Internet Explorer? Ott.

Például, vegyük a következő szerkezetű:

Annak érdekében, hogy keresse blokkokat egy szintben van vízszintesen a magasság, vagyis a viselkedésének szimulálása egy tábla IE, akkor elég meghatározni stílus osztályokat meghatározni az oszlopok szélessége és ... mindent. 1. példa illusztrálja ezt a technikát (Megjegyzés Csak akkor működik a fordított mód sovmestimomosti -! Quirks Mode) abban az esetben, ha három oszlopban meghatározott szélességű 200px.

Vegyünk egy „létfontosságú” probléma: például a keretet meg kell feszíteni szélessége 100%, a szélessége az első oszlop - 200px, a harmadik - 30%, míg a második let foglal helyet. IE megoldás a következőképpen nézhet ki (amellett, hogy a stílus lap):

Vételének egyetlen tartályban div fog működni támogató böngészők display: table;. de szemantikai megfelelő táblázatot alábbi modell, adok egy példát az általános megoldás az építési két konténer.

Ne várják, hogy ily módon, akár bármely más, lehet tele rózsákkal, ott minden bizonnyal és árnyalatok (például a hatása lecsúszott a blokk az IE, amelynek nincs helye a szélessége az oldalt), de tudom, hogy a nehézségek megoldható . Itt már csak egy általános irányát, azt javasolta az ötlet, nos, akkor, ahogy mondani szokás, már saját.