Вы читаете “Div верстка”, в блоге Оптимизация сайтов от cross{blog}
- Опубликовано:
- 03.19.08 / 12am
- Рубрика:
- Разработка сайтов
Реклама
Полезные ссылки
Div верстка
Неоднократно мне жаловались на баги с версткой блога. Естественно я не мог это проигнорировать и решил попробовать исправить ситуацию. Ее я смог подправить для 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.

Div верстка
Комментарии (7)Оставить комментарий |