автоматич. высота блока, имеющая минимум - HTML и CSS

johny_03 · 22.11.2011, 12:05

Здравствуйте!
имеется структура:

Код:

<body>

<div id="container">
 <div id="header"><img src="pic/template/top.jpg" /></div>
 <div id="left">LEFT</div>
 <div id="content">
  <h1>Main Content </h1>
 </div>
 <div id="clear"></div>
 <div id="footer">4</div>
</div>

</body>

Блок id="left" и блок id="content" имеют содержимое РАЗНОЕ по объему.
Как задать в CSS минимальную высоту этих двух блоков, но даже при большем наполнении одного из этих блоков, второй блок растягивался на такую же высоту. Т.е. Два этих блока должны быть по высоте одинаковые независино от того, в каком блоке больше наполнение.

Заранее большое спасибо!

Alexei91 · 22.11.2011, 12:22

Попробуй табличной версткой.
Минимальная высота на CSS: min-height.
Но с IE будут проблемы. ИМХО, плохая затея.

johny_03 · 22.11.2011, 12:31

Цитата:

Сообщение от Alexei91

Попробуй табличной версткой.
Минимальная высота на CSS: min-height.
Но с IE будут проблемы. ИМХО, плохая затея.

Именно поэтому я верстаю блоками

johny_03 · 22.11.2011, 14:50

С вопросом разобрался.
Если кому интересно, то я использовал Второй способ из ссылки: http://www.getincss.ru/2009/07/11/4-...akovoj-vysoty/

Naive · 22.11.2011, 17:37

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

22.11.2011, 12:05	#1
johny_03 Форумчанин Регистрация: 21.01.2011 Сообщений: 134	автоматич. высота блока, имеющая минимум Здравствуйте! имеется структура: Код: `<body> <div id="container"> <div id="header"><img src="pic/template/top.jpg" /></div> <div id="left">LEFT</div> <div id="content"> <h1>Main Content </h1> </div> <div id="clear"></div> <div id="footer">4</div> </div> </body>` Блок id="left" и блок id="content" имеют содержимое РАЗНОЕ по объему. Как задать в CSS минимальную высоту этих двух блоков, но даже при большем наполнении одного из этих блоков, второй блок растягивался на такую же высоту. Т.е. Два этих блока должны быть по высоте одинаковые независино от того, в каком блоке больше наполнение. Заранее большое спасибо!

22.11.2011, 12:22	#2
Alexei91 Заблокирован Форумчанин Регистрация: 30.12.2009 Сообщений: 544	Попробуй табличной версткой. Минимальная высота на CSS: min-height. Но с IE будут проблемы. ИМХО, плохая затея. Темы для WordPress. Русские WordPress шаблоны

22.11.2011, 17:37	#5
Naive Раздолбайских Дел Старожил Регистрация: 22.05.2009 Сообщений: 3,828	Накосячит, если у колонок будут разные вертикальные маргины. И при ресайзе. Alar, верни репу!

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
найти минимум	Kristina1	Visual C++	4	30.10.2011 11:43
Максимум-минимум	Freeman-des	Помощь студентам	8	22.12.2010 20:13
Автоматич копирование формулы при вставке строки	Chelentano	Microsoft Office Excel	4	16.07.2009 23:48
Как сделать автоматич. дату и перенос записей.	Hito	БД в Delphi	8	07.05.2009 13:58
прога загружающая страницу но не имеющая вормы :))	eyeofthedemon	Работа с сетью в Delphi	3	28.09.2008 21:36

22.11.2011, 14:50	#4
johny_03 Форумчанин Регистрация: 21.01.2011 Сообщений: 134	С вопросом разобрался. Если кому интересно, то я использовал Второй способ из ссылки: http://www.getincss.ru/2009/07/11/4-...akovoj-vysoty/