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

HTML+CSS+JavaScript

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

 

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

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

тема: Как заставить mozilla растянуть DIV по высоте согласно содержимому
 
 автор: Fix   (25.08.2008 в 11:55)   письмо автору
 
 

Пример:
http://gravia-studio.ru/portfolio/

Там блок #window нужно растянуть по высоте согласно содержимому. Сейчас задан height:100%, но работает только в IE. В Мозиле и опере не работает...
#footer - нижний блок, то есть по идее нижний блок должен клеиться с #window

#window {
    width:1016px;
    height:100%;
    background: url(../images/window.jpg) repeat-y center top;
    clear:both;
    margin: 0 auto;
}
#footer {
    background: url(../images/footer_logo.jpg) no-repeat bottom center;
    height:147px;
    width:1016px;
    margin:0 auto;
}

Чего только не пробовал, не работает...

  Ответить  
 
 автор: AlexSol   (25.08.2008 в 13:15)   письмо автору
 
   для: Fix   (25.08.2008 в 11:55)
 

*height:100%;
height:auto;

  Ответить  
 
 автор: FiX   (25.08.2008 в 18:10)   письмо автору
 
   для: AlexSol   (25.08.2008 в 13:15)
 

не работает... проверял в Мозиле :(

  Ответить  
 
 автор: PAT   (25.08.2008 в 20:17)   письмо автору
 
   для: FiX   (25.08.2008 в 18:10)
 

html, body {height: 100%}
и потом ваши стили


PS. Давать объекту ID="window" не надо - будете использовать этот идентификатор в JS-скрипте, получите ошибку. Используйте, например, window0.

  Ответить  
 
 автор: AlexSol   (25.08.2008 в 21:33)   письмо автору
 
   для: FiX   (25.08.2008 в 18:10)
 

так вам 100% надо или согласно содержимому?

  Ответить  
 
 автор: FiX   (26.08.2008 в 00:08)   письмо автору
 
   для: AlexSol   (25.08.2008 в 21:33)
 

мне надо растянуть согласно содержимому. Зайдите на сайт, все станет понятно... Там блок не сливается с нижним - так как указан height:100%, и на этом #window заканчивается...

PAT: Спасибо большое за совет, на счет JS. В стилях BODY, HTML уже указаны height: 100%.

По-прежнему не работает :(

  Ответить  
 
 автор: FiX   (26.08.2008 в 10:44)   письмо автору
 
   для: FiX   (26.08.2008 в 00:08)
 

Народ, ну пожалуйста, очень нужна ваша помощь :)

  Ответить  
 
 автор: AlexSol   (26.08.2008 в 10:59)   письмо автору
 
   для: FiX   (26.08.2008 в 10:44)
 

посмотрел во всех браузерах. ничего не заметил критичного, кроме того что в опере меню поплыло

  Ответить  
 
 автор: FiX   (26.08.2008 в 14:04)   письмо автору
62.6 Кб
 
   для: AlexSol   (26.08.2008 в 10:59)
 

Посмотри самый низ страницы - в IE и Мозиле, например. Увидишь разницу...
Прикрепил скриншот.

  Ответить  
 
 автор: AlexSol   (26.08.2008 в 14:57)   письмо автору
 
   для: FiX   (26.08.2008 в 14:04)
 

в третьей лисе все ok. если вам нужно по высоте содержимого, то убирайте все heigth

  Ответить  
 
 автор: Fix   (10.09.2008 в 13:33)   письмо автору
 
   для: AlexSol   (26.08.2008 в 14:57)
 

Если height убрать, фон вообще не растягивается...
Во всех браузерах, Mozilla, Opera этот глюк виден.

Может еще есть какие варианты?

  Ответить  
 
 автор: Madman   (10.09.2008 в 18:06)   письмо автору
 
   для: Fix   (10.09.2008 в 13:33)
 

>Может еще есть какие варианты?

Есть!
Есть такое свойство, как min-height.

min-height:100% вместо height:100% тебе поможет. Только для ИЕ надо будет все равно оставить height:100%

#window {
min-height:100%;
_height:100%;
}

  Ответить  
 
 автор: FiX   (13.09.2008 в 20:51)   письмо автору
 
   для: Madman   (10.09.2008 в 18:06)
 

не помогло :(

  Ответить  
 
 автор: FiX   (13.09.2008 в 21:18)   письмо автору
 
   для: FiX   (13.09.2008 в 20:51)
 

Короче, ладно, - сделал блок #window просто из таблицы. Все заработало :) Пусть будет хотя бы так.

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

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