Таблични оформление блокове

Pa PA връзки върху някои р а т ЕР ин не т- R ESOURCES е:

Въпреки факта, че днес има две линии на оформление на страница: табличен и блок, аз не мисля, че между привържениците на тези два клона, има взаимно неразбиране. Сигурен съм, че всеки уеб работник вижда очевидни предимства, предлагани от разположението на блоковете, но в същото време, много хора, когато се сблъскват с трудности, които в този случай възникват, оценка на предложените решения е обосновано остават привърженици на старата школа - просто защото е по-удобно ,

Ключовият въпрос

Какво пречи на блок оформление триумфално шествие по цялата планета? Има много препятствия. Но може би сам сред тях е проблемът, някои места не са сравними още по-малко като търсене на Светия Граал. Пречка - създаване на хоризонталните елементи на една и съща височина, т.е. Изпълнение на най-много, нито е по същество понякога е необходимо масата, когато на сайта оформление, например, в случай на класическа оформлението на 3-hkolonochnogo:

Искам да предложим един прост, но в същото време една непопулярна подход към решаването на този проблем, а именно да се изгради рамка сайт, изоставяне на тага на маса, но запазва модел маса:

Според стандарта CSS, за да се превърне този набор от divs в таблицата, е достатъчно в часовете по подходящ дисплей: дисплей: маса. езика: маса ред; и езика: маса клетка; ,

Но аз не случайно наричаме този подход е непопулярен. "Tablichniki" ще видите рецепцията само ненужно "преоткрива колелото", както ревностните шампиони на ню Skool сметнат този начин идеологически неправилна, най-вече защото на пръв поглед изглежда, че тя е в задънена улица, браузъри от Microsoft дисплей: маса; Ние не подкрепяме и не възнамерява да подкрепи в близко бъдеще, което означава, че е възможно да се откаже от масата на шаблони и тази ситуация е грях да не се възползва.

С много възражения може да не са съгласни, но, въпреки това, че е невъзможно да не се забележи очевидните предимства и подход "маса", най-важният сред тях, виждам:

• разделяне на изображения съдържание;
• възможност за налагане на "маса" оформления с всякаква сложност;
• проста реализация.

Точка "проста реализация", може би най-голямата причина за съмнение, в "правилните браузъри" всичко е ясно, но дали има наистина просто решение за Internet Explorer? Има.

Да вземем например следната структура:

За да се намери блокове хоризонтално в съответствие с височината им, т.е. за да се симулира поведението на една маса в IE, че е достатъчно да се определят класове стил, за да определите ширината на колони и ... всичко. Пример 1 илюстрира настоящата техника (Забележка работи само в режим на обратна sovmestimomosti - нестандартен режим) в случая, където три колони определени ширина 200px.

Помислете за "жизненоважна" проблем: например, рамката трябва да се удължи с ширина до 100%, широчината на първата колона - 200px, трета - 30%, а втората! Да заема пространство. за решение IE може да изглежда така (в допълнение към стила лист):

Рецепция с помощта на един контейнер Разделение ще работи в браузъри, които поддържат дисплей: маса. но за семантична модел съвпадение таблицата по-долу, ще даде пример на общото решение за изграждане на два контейнера.

Не очаквайте, че по този начин, тъй като наистина всеки друг, да бъде осеян с рози, със сигурност има и нюанси (например, ефектът от плъзнете надолу блока в IE, за които няма място от ширината на страницата), но всичко, което знам от трудностите са решими , Тук имам само обща посока, той предложи идеята, добре, а след това, както се казва, вече притежавате.