Ну, это та же самая бесконечная история о таблицах и CSS для разметки. CSS-пурист сказал бы, что макеты CSS быстрее загружаются? быстрее рендериться браузером? меньше кода ??? В реальной жизни и при наличии «визуальных» стилей на соответствующем листе CSS макеты таблиц содержат гораздо меньше символов, чем при использовании CSS. Не веришь в это? Просто попробуйте сделать полную высоту браузера, фиксированную ширину, горизонтально по центру, заголовок / 2 столбца, содержимое / нижний колонтитул, простой макет с CSS и таблицами ... получить код, вставить в Word и подсчитать количество слов. Код CSS не короче в 2 раза, чем код таблицы! Скажите, сколько CSS-вещей вам нужно сделать, чтобы скопировать текст шириной 100% и высотой 100% в середине макета экрана, например:
<table width=100% height=100%><tr><td align="center" valign="middle">Some text</td></tr></table>
или
* {
margin:0px;
padding:0px;
}
html, body {
height:100%;
min-height: 99%;
}
.test {
border: 1px solid #cccccc;
height:100%;
position:relative;
}
.test2{
display:inline;
height:24px;
width:24px;
left:50%;
top:50%;
}
<div class="test"><div class="test2">test</div></div>
Так что CSS лучше для макета, потому что что? Проще поддерживать? Скажите, сколько раз кто-нибудь настроил бы макет страницы, когда он полностью готов и работает? Если только нет жены / мужа в пределах досягаемости да, правильно, "больше" "меньше" правильно, как 1 0? Лучший дизайн / разделение кода? Конечно, вашему дизайну не нужны эти DIV, SPAN, P или любые другие теги, которые вы хотите.
Я всегда думаю: используйте гибридный код, чтобы делать все, что вы хотите, за меньшее время, чтобы отобразить, как вы хотите, независимо от того, CSS или таблицы или таблицы CSS +! Для меня таблицы как для макета являются лучшими, CSS для оптимизации и визуализации визуальных элементов. В конце концов, клиенты не будут заботиться об огурце, если их сайты сделаны с помощью css или со столами или с использованием дерева и гвоздей. :) Скажите мне вескую причину, почему я должен использовать чистый подход CSS, чтобы получить, скажем, 3 столбца, полностью центрированные по ширине, фиксированный средний столбец, полная высота браузера. БЕЗ CSS-настроек, исправлений, хаков ... все действительно работают на веб-сайте Создание знает, что рендеринг таблиц более визуально согласован и требует меньше кода, чем CSS, во всех браузерах.
Быстрый тест :) <div width="100%" height="100%">test</div> будет ли это работать в одиночку ??