width: 33.33%; /* Ширина колонок */
overflow: hidden; /* Отмена обтекания */
<style type="text/css">
<title>Колонки одинаковой высоты</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<html xmlns="http://www.w3.org/1999/xhtml">
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
XHTML 1.0CSS 2.1IE 7IE 8IE 9Cr 13Op 11Sa 5Fx 5
Пример 5.32. Использование height
Игнорирование этих принципов приводит к усложнению кода и появлению ошибок в отображении документа браузерами, как следствие, повышается время на разработку сайта и его отладку. Исключением может служить применение свойства height, которое устанавливает высоту слоёв. В примере 5.32 показано создание подобного макета.
колонки одинаковой высоты строятся с помощью таблицы.
если используются слои, то колонки должны иметь высоту, которая определяется их содержимым;
Таким образом, видно чёткое разделение подходов к вёрстке:
Колонки, получаемые с помощью ячеек таблицы, имеют одну высоту. Это неудивительно, поскольку ячейки взаимосвязаны и при повышении высоты одной ячейки, соответственно увеличивается высота рядом расположенных ячеек. Многие разработчики пытаются произвести подобный эффект с помощью слоёв, т.е. сделать их взаимосвязанными и одной высоты, независимо от объема содержимого. В действительности, при вёрстке слоями высота колонок устанавливается автоматически исходя из объема контента. Поэтому искусственные приёмы по созданию колонок одинаковой высоты противоречат самой идеологии слоёв.
Опубликовано: 11.08.2011Влад Мержевич
Колонки одинаковой высоты
Предоставляемые услуги подразумевают полное знание технических вопросов интернет маркетинга, подкреплённых многолетним опытом: по ключевым словам. Классический вид продвижения.
Универсальное свойство позволяет установить одновременно до пяти характеристик фона. Определяет, по какой стороне будет выравниваться элемент, при этом остальные элементы будут обтекать его с других сторон. Устанавливает высоту блочных или заменяемых элементов. Устанавливает величину отступа от левого края элемента. Управляет отображением содержания элемента, если оно целиком не помещается в область заданных размеров.
htmlbook.ru - Колонки одинаковой высоты
Комментариев нет:
Отправить комментарий