DIV макет глючит

Question

Что мне не хватает в макете DIV?

Я прочитал в учебнике о макете DIV, что он превосходит макет таблицы, потому что макет таблицы не выглядит одинаково во всех браузерах.

Однако у меня есть совершенно противоположный опыт. Макеты таблиц действительно выглядят одинаково во всех браузерах, в то время как мои скромные попытки раскладки DIV - нет.

Кажется, что дизайнеры и программисты хотели разделить макет и контент, но сделали это по-разному:

Дизайнеры

«Давайте возьмем весь макет со страницы HTML, так что все, что осталось, - это контент»

Программисты:

«Давайте возьмем все содержимое страницы HTML, так что все, что осталось, это макет»

Я купил несколько HTML-шаблонов, и, хотя они выглядят хорошо, я обычно делаю их заново в виде таблиц, чтобы заставить их подчиняться моим желаниям.

Итак, что мне не хватает? Вы используете DIV или макет таблицы? У меня так много проблем с неправильным поведением DIV, и по-разному в разных браузерах. Настало ли время для возвращения на стол? Или я просто еще не научился правильно делать DIV-верстку?

Answer 1

Таблицы не для разметки. Они для отображения чего-то в виде таблицы. Макеты Div просто дают вам одну вещь: Свобода.

Свобода организации CSS. Таблица никогда не бывает такой гибкой, как макет на основе Div. Подумайте об отображении веб-страницы на смартфоне. Придав ему новый стиль CSS, вы можете переставить ваш контент, тогда как с таблицами ваш контент застрянет в одном представлении.

Больше усилий по настройке макетов для кросс-браузерной совместимости определенно стоит.

Answer 2

элементов div существуют уже около десяти лет. С ними проблем нет. Проблема у вас с CSS. Из вашего разочарования, похоже, вы не понимаете, как CSS работает больше, чем что-либо еще. Зачастую новые пользователи становятся более запутанными, когда они используют старые учебники и Internet Explorer в качестве тестового браузера.

Всегда, всегда используйте любой браузер, кроме IE, для первоначальной проверки вашей разметки. Всегда проверяйте ваш HTML и CSS для правильного синтаксиса. Всегда используйте правильный тип документа. Эти шаги излечивают 90% большинства болезней.

Answer 3

Одной из причин DIVs над TABLE является удобочитаемость и, следовательно, удобство обслуживания.У меня буквально есть несколько старых страниц, которые я не могу редактировать, потому что вложенные таблицы очень сложны.

Пример:

<div>content</div>

<table><tbody><tr><td>content</td></tr></tbody></table>

Я думаю, что первые легче читать.

Как и предполагалось в других комментариях, у вас это было задом наперед.Но вам нужно приличное понимание CSS, чтобы выйти за рамки табличных макетов начального уровня.