Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: чтобы див занимал всё пространство по вертикали
 
 автор: rodmial   (07.04.2013 в 15:37)   письмо автору
 
 

подскажите, как. height:100% не помогает.

  Ответить  
 
 автор: ЯСА   (07.04.2013 в 16:06)   письмо автору
 
   для: rodmial   (07.04.2013 в 15:37)
 

для width и height проценты исчисляются от габаритов родителя
а вы габариты родителю (тегу <body>) не задали
поэтому height: 100% и "не помогает"
<html>
<head>
<style>
html, body {height: 100%; margin: 0}
</style>
</head>
<body>
<div style="height: 100%; background: red"></div>
</body>
</html>

  Ответить  
 
 автор: rodmial   (07.04.2013 в 16:47)   письмо автору
 
   для: ЯСА   (07.04.2013 в 16:06)
 

а если родитель занимает всё свободное пространство между хедером и футером?

  Ответить  
 
 автор: DJ Paltus   (08.04.2013 в 00:48)   письмо автору
 
   для: rodmial   (07.04.2013 в 16:47)
 

Значит, пора делать то, чего нельзя сделать в реальной жизни: менять родителя.
Я уже много раз эту ссылку давал, и мне ее здесь же однажды впервые дали. Гуглите:по фразе "исследование высоты body", эта статья реально помогает, несмотря на древность лет.

  Ответить  
 
 автор: Deed   (07.04.2013 в 17:33)   письмо автору
 
   для: ЯСА   (07.04.2013 в 16:06)
 

И от меня спасибо большое, ЯСА! Я даже не подозревал этого нюанса, что для width и height проценты исчисляются от габаритов родителя.
Мое почтение.

  Ответить  
 
 автор: confirm   (08.04.2013 в 05:36)   письмо автору
 
   для: Deed   (07.04.2013 в 17:33)
 

Проценты вообще считаются относительно чего-то. )

  Ответить  
 
 автор: Deed   (08.04.2013 в 08:34)   письмо автору
 
   для: confirm   (08.04.2013 в 05:36)
 

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

  Ответить  
 
 автор: confirm   (08.04.2013 в 09:28)   письмо автору
 
   для: Deed   (08.04.2013 в 08:34)
 

Ну уж точно не вам рассказывать почему пустой, к примеру, DIV на странице займет всю ширину документа (по умолчанию), а по высоте ничего. По мере добавления в него содержимого, он будет "расти" и по высоте.
Body это тоже элемент документа, никак не клиентская область окна приложения (браузера), поэтому будучи незаполненным, и не явно указанным размером высоты, почему он должен занимать всю высоту этой клиентской области, он также будет "расти" по высоте по мере заполнения. Ну это же естественно. )

  Ответить  
 
 автор: Deed   (08.04.2013 в 13:00)   письмо автору
 
   для: confirm   (08.04.2013 в 09:28)
 

Вот-вот! И если бы не этот вопрос и ответ мэтра ЯСА, я бы так и жевал в недоумении бороду, гадая, "what is fuck?!" и придумывая всякие "обходные пути".
Еще раз - моя благодарность всем и команде Soft Time в частности!

  Ответить  
 
 автор: ЯСА   (08.04.2013 в 13:27)   письмо автору
 
   для: Deed   (08.04.2013 в 13:00)
 

мэтр здесь один - confirm
а я так - сантимэтр... или даже миллимэтр :)

  Ответить  
 
 автор: confirm   (08.04.2013 в 13:48)   письмо автору
 
   для: ЯСА   (08.04.2013 в 13:27)
 

Всякое бывало, называли по разному, но линейкой, пусть и длинной, еще нет )

  Ответить  
 
 автор: Deed   (08.04.2013 в 18:41)   письмо автору
 
   для: ЯСА   (08.04.2013 в 13:27)
 

:)

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования