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

HTML+CSS+JavaScript

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

 

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

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

тема: Растянуть div с контентом на 100% высоты
 
 автор: Tyoma   (27.06.2008 в 02:04)   письмо автору
 
 

Была задача сделать footer, клторый будет всегда внизу сраницы, независимо от высоты div-а с контентом.

решение нашел на странице http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page

теперь осталось растянуть сам div с контентом на всю высоту страницы (оставив трюк с footer-ом), т.к. если этому div-у задать background - видно рустое место между этим div-ом и footer-ом...

   
 
 автор: Phantom   (27.06.2008 в 03:34)   письмо автору
 
   для: Tyoma   (27.06.2008 в 02:04)
 

Я не совсем вник в суть проблемы, ибо ночь и охОтаСпаТь, но... Может свойство min-height поможет? Только Эксплорер его не признаёт, так что нужно ещё хак заюзать, написать _height. Например. Нужно сделать, чтобы div имел высоту всегда не менее 500px. Пишем так:
<div style="min-height:500px;_height:500px;">
Это текст
</div>

   
 
 автор: Valick   (27.06.2008 в 05:24)   письмо автору
 
   для: Phantom   (27.06.2008 в 03:34)
 

А разрешение экрана у вас какое?)
У меня к примеру 1920Х1200

   
 
 автор: Tyoma   (27.06.2008 в 12:21)   письмо автору
 
   для: Phantom   (27.06.2008 в 03:34)
 

Суть проблемы в следующем: если контента на странице мало - то растягивать div на весь экран (и чтобы footer тоже был внизу); а если много - то подстраиваться под контент...

По той ссылочке вверху проблема частично решается, т.е. footer остается внизу (если мало контента), а вот сам div с контентом не растягивается...

   
 
 автор: Phantom   (28.06.2008 в 02:11)   письмо автору
 
   для: Tyoma   (27.06.2008 в 12:21)
 

Так можно в свойстве min-height указать проценты.

   
 
 автор: Tyoma   (29.06.2008 в 18:01)   письмо автору
578 байт
 
   для: Phantom   (28.06.2008 в 02:11)
 

DIv все равно не растягивается :( (можно посмотреть в аттачменте)

   
 
 автор: Usta   (29.06.2008 в 19:09)   письмо автору
592 байт
 
   для: Tyoma   (29.06.2008 в 18:01)
 

Держи!! :))

   
 
 автор: Tyoma   (30.06.2008 в 01:05)   письмо автору
14.1 Кб
 
   для: Usta   (29.06.2008 в 19:09)
 

Спасибо, но это не совсем то :)

Там часть body вылезает за границу экрана (вылазит из под footeer'a см. скриншот). А хотелось бы чтобы при небольшем кол-ве контента не появлялся вертикальный скрол бар (да и смотрится оно неправильно :) )

   
 
 автор: Usta   (30.06.2008 в 01:14)   письмо автору
 
   для: Tyoma   (30.06.2008 в 01:05)
 

Ну правильно я в Mozille не проверял!! :)) Сейчас посижу подправлю!!

   
 
 автор: Usta   (30.06.2008 в 01:17)   письмо автору
713 байт
 
   для: Usta   (30.06.2008 в 01:14)
 

Вот исправил!

   
 
 автор: Tyoma   (30.06.2008 в 01:43)   письмо автору
15.5 Кб
 
   для: Usta   (30.06.2008 в 01:17)
 

Извини за придирчивость, но в FF3 не работает (да и в Опере и IE6 тоже). Может быть ты не тот файлик прикрепил? :)

   
 
 автор: Usta   (30.06.2008 в 04:42)   письмо автору
905 байт
 
   для: Tyoma   (30.06.2008 в 01:43)
 

Как мог сделал! Конечно не на все 100% работает, но все таки! :))

   
 
 автор: Tyoma   (30.06.2008 в 14:05)   письмо автору
 
   для: Usta   (30.06.2008 в 04:42)
 

Спасибо! :) Будем стараться улучшать :)

   
Rambler's Top100
вверх

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