Div Height 100%

[yarikus]

Здравствуйте! Подскажите как растянуть #sidebar и #content на 100% по вертикали.

Сейчас все прекрасно тянется, но возникает проблема со скроллом из-за #header.

Знаю как это сделать с помощью JS, но не хочется код засорять мусором. Спасибо.

Вот исходный код примера.

[moskalev_mihail]

Здравствуйте! Подскажите как растянуть #sidebar и #content на 100% по вертикали.

Сейчас все прекрасно тянется, но возникает проблема со скроллом из-за #header.

Знаю как это сделать с помощью JS, но не хочется код засорять мусором. Спасибо.

Вот исходный код примера.

А вы #header в #conteiner запихнити, и все будет ок)

[Gaspode]

#wrapper { position: relative;}
#sidebar { position: absolute; top: высота_шапки; bottom: 0;}

Например.

[yarikus]

Оба примера работают, но не так как хотелось бы.

Дело в том, что в них низ просто зарезается и если пустить border, то это будет видно.

Нет варианта, чтобы #sidebar шел вплотную к низу экрана?

[hedgehog]

#wrapper { position: relative;}
#sidebar { position: absolute; top: высота_шапки; bottom: 0;}

Например.

а что будет, если контент в сайдбаре не будет влазить по вертикали на страницу?

Оба примера работают, но не так как хотелось бы.

Дело в том, что в них низ просто зарезается и если пустить border, то это будет видно.

Нет варианта, чтобы #sidebar шел вплотную к низу экрана?

смотрите пример хидера: http://vk.osvita.org.ua/footer.htm

для вашего варианта нужно выбросить футер. а panel поместить внутрь sidebar

[Gaspode]

а что будет, если контент в сайдбаре не будет влазить по вертикали на страницу?

Если для wrapper прописать min-height: 100%, то ничего не будет.

[hedgehog]

а что будет, если контент в сайдбаре не будет влазить по вертикали на страницу?

Если для wrapper прописать min-height: 100%, то ничего не будет.

С position: absolute; top:0; bottom: 0; ? А как оно растягиваться будет? Если я в чем-то неправ, подскажите пожалуйста. У меня получилось так:

http://jsfiddle.net/m8e24/