Полезности для div-верстки

Март
19

Неоднократно мне жаловались на баги с версткой блога. Естественно я не мог это проигнорировать и решил попробовать исправить ситуацию. Ее я смог подправить для IE и Opera, пока в Mozilla лезть лень, поскольку работы привалило очень много, причем новой, интересной еще и для забугорья. Но ближе к теме.

Главный плюс состоит в том, что почти все элементы блога строятся на div. А значит опытному верстальщику(коим я еще боюсь себя назвать) исправить все должно быть очень просто. Основных CSS стилей div-верстки два:

float: left | right | none
display: block | inline | inline-table | list-item | none | run-in | table | table-caption | table-cell | table-column-group | table-footer-group | table-header-group | table-row | table-row-group

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

Могу лишь добавить, что если в IE div легко верстается с помощью float, то под Opera приходится более вдумчиво прорабатывать суть расположения элементов с помощью стиля display. Так, допустим, мои полезшие на главной странице статьи и комментарии были легко исправлены представлением трех div`вов в виде трех столбцов таблицы.

Не быстро справился с этой задачей, но если поставиться целью досточно просто можно разобраться даже в верстке и шаблонах Wordpress.

10 Комментов к “Полезности для div-верстки”

19 Март 2008 в 11:54
Eric :

Точно, отображение в FF вам нужно подкорректировать.
19 Март 2008 в 14:54
Георгий :

дивы рулят полюбому, кстати блок бегуна у вас наползает на текст в IE
19 Март 2008 в 15:27
cross :

Сам пользуюсь IE и почему-то не наползает ничего Буду еще проверять, как с делами разгребусь.

Спасибо за комментарии.
20 Март 2008 в 16:34
Серега :

Чесно сказать это нормальный тег
21 Март 2008 в 16:15
Антонов Саша :

А я чесно сказать только таблици пишу с его помощью
28 Март 2008 в 00:01
KMiNT21 :

В Опере тоже фигня, блог рекламный налезает на текст и закрывает его частично.
28 Март 2008 в 08:03
cross :

Кеш может быть.

У меня Опера 9.00 Сборка 8501 все выглядит идентично IE6, безо всяческих налезаний.
18 Май 2009 в 17:38
TraucraxDeall :

Работаю менеджером. Хочу сделать интернет магазин. Порекомендуйте человека или организацию, кто поможет мне в этом. Главное чтоб человек, который его делает был адекватный и недорого.
20 Сентябрь 2010 в 16:21
Aceed :

Обычно при верстке как раз с мозилой проблем и не возникает )) + Там еще и файербаг спасает.
5 Март 2011 в 12:53
аня :

предпочитаю смешанную верстку.