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

Posted Опубликовал cross в Разработка сайтов     Comments 8 comments
Март
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.

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

  • Точно, отображение в FF вам нужно подкорректировать.

  • дивы рулят полюбому, кстати блок бегуна у вас наползает на текст в IE

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

    Спасибо за комментарии.

  • Чесно сказать это нормальный тег

  • А я чесно сказать только таблици пишу с его помощью

  • В Опере тоже фигня, блог рекламный налезает на текст и закрывает его частично.

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

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

  • Работаю менеджером. Хочу сделать интернет магазин. Порекомендуйте человека или организацию, кто поможет мне в этом. Главное чтоб человек, который его делает был адекватный и недорого.

Оставить коммент

Donation Bar

Order Links

Топ комментаторов