Блок на всю высоту

@insideone · Регистрация: 10.01.2010

Студворк — интернет-сервис помощи студентам

Как делаются блоки на всю высоту? Мне нужно сделать резиновую верстку, все вроде не сложно - слева меню, справа резиновый блок контекта. Так вот когда контент становится больше по высоте блока меню, элементы в блоке контента съезжают на сторону где было меню (т.е. обтекание есть). Код не могу сейчас показать, на работе остался. Но что то вроде:

HTML5
1
2
3
<div id="menu"> ... </div>
<div id="content"> ... </div>
<div class="clear"></div>

@Hurtsok · 19.09.2010, 07:26

код покажите, так трудно что то советовать.

Vovan-VE · 19.09.2010, 09:25

HTML5
1
2
3
4
5
<div id="page">
  <div id="content"> ... </div>
  <div id="menu"> ... </div>
  <div class="clear"></div>
</div>

CSS
1
2
3
4
.clear {clear:both; float:none; height:0; font-size:0;}
#content {width:75%; float:right; border:#f00 solid 1px;}
#menu {width:24%; float:left; border:#00f solid 1px;}
#page {border:#090 solid 1px;}

Бордеры для наглядности.

@Hagrael · 19.09.2010, 10:21

Vovan-VE, интересно. Что, div с float'ом не имеет права обтекать др. div с float'ом, да?
А можно margin задать слева.

Добавлено через 1 минуту
Или overflow: hidden, но этого лучше не делать по-моему, т. к. работает он странно...

@insideone · 19.09.2010, 21:27 **[ТС]**

Vovan-VE, а фиксированное по ширине меню сильно изменит все это?

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

Или overflow: hidden, но этого лучше не делать по-моему, т. к. работает он странно...

В IE8 все равно обтекало...

Vovan-VE · 20.09.2010, 15:39

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

а фиксированное по ширине меню сильно изменит все это?

Если некритично, чтобы контент был впереди, не несложно

HTML5
1
2
3
4
5
<div id="page">
  <div id="menu"> ... </div>
  <div id="content"> ... </div>
  <div class="clear"></div>
</div>

CSS
1
2
3
4
.clear {clear:both; float:none; height:0; font-size:0;}
#menu {width:200px; float:left; border:#00f solid 1px;}
#content {margin-left:210px; border:#f00 solid 1px;}
#page {border:#090 solid 1px;}

@insideone · 21.09.2010, 00:24 **[ТС]**

Vovan-VE, спасибо. меня до сих пор запутывало что и без margin-left контент нормально обтекал блок, лишь потом съезжал.

Новые блоги и статьи Все статьи Все блоги /
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а привычная функция main(). . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/

@Hurtsok bigMatherHacker 112 / 81 / 12 Регистрация: 18.08.2010 Сообщений: 237
	19.09.2010, 07:26
	код покажите, так трудно что то советовать. 0

@Hagrael БТР - мой друг 333 / 277 / 47 Регистрация: 07.01.2010 Сообщений: 1,932
	19.09.2010, 10:21
	Vovan-VE, интересно. Что, div с float'ом не имеет права обтекать др. div с float'ом, да? А можно margin задать слева. Добавлено через 1 минуту Или overflow: hidden, но этого лучше не делать по-моему, т. к. работает он странно... 0

@insideone 3687 / 964 / 114 Регистрация: 10.01.2010 Сообщений: 2,550
	21.09.2010, 00:24 [ТС]
	Vovan-VE, спасибо. меня до сих пор запутывало что и без margin-left контент нормально обтекал блок, лишь потом съезжал. 0