Перейти к публикации

Один резиновый div по высоте, другой - фиксированный


Рекомендованные сообщения

Собственно задачка. Имеется два блока, один должен быть резиновым по высоте, другой - фиксированный. Необходимо вставить блок google карт в резиновый блок по высоте чтобы тот не перекрывал фиксированный по высоте. Какие есть варианты?

css:


html, body {

width: 100%;

height: 100%;

margin: 0;

padding: 0;

}

.div1 {

width: 100%;

height: 100%;

margin: 0 0 -300px 0;

}

#div1 {

width: 100%;

height: 100%;

}

.div2 {

width: 100%;

height: 300px;

}

html:

<div class="div1"><div id="div1"></div></div>

<div class="div2"></footer>

Ссылка на сообщение
Поделиться на других сайтах

Решилась задачка. :) Для слоя google карт указал высоту через jquery, теперь резиновый блок карты не накладывается на фиксированный.

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

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

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...