forum.opennet.ru

Составление сообщения

Исходное сообщение

"CSS-верстка "
Отправлено Александр, 24-Июл-08 16:46

Имеется следующий макет:
+-----------------+-------+
|                         |           |
|     left              | right  |
|                         |           |
+-----------------+          |
|     footer         |           |
+-----------------+-------+
<div id="leftContainer">
   <div id="left"></div>
   <div id="footer"></div>
</div>
<div id="right"></div>
слой footer должен быть всегда в самом низу, независимо о того, на сколько растянуты содержимым слои left или right.
как написать кросс-браузерную css для данного макета?
я делал так:
html, body {
  height: 100%;
}
#leftContainer {
  height: 100%;
  width: 500px;
  float: left;
}
#left {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -4em;
}
#footer {
  height: 40px;
}
таким способом не работает. Если, например, в слое right текст не помещается на один экран, то слой footer не опускается

Исходное сообщение
"CSS-верстка " Отправлено Александр, 24-Июл-08 16:46
Имеется следующий макет: +-----------------+-------+ \| \| \| \| left \| right \| \| \| \| +-----------------+ \| \| footer \| \| +-----------------+-------+ <div id="leftContainer"> <div id="left"></div> <div id="footer"></div> </div> <div id="right"></div> слой footer должен быть всегда в самом низу, независимо о того, на сколько растянуты содержимым слои left или right. как написать кросс-браузерную css для данного макета? я делал так: html, body { height: 100%; } #leftContainer { height: 100%; width: 500px; float: left; } #left { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -4em; } #footer { height: 40px; } таким способом не работает. Если, например, в слое right текст не помещается на один экран, то слой footer не опускается

Ваше сообщение

Имя*:

EMail:

Для отправки новых сообщений в текущей нити на email укажите знак ! перед адресом, например, !user@host.ru (!! - не показывать email).
Более тонкая настройка отправки ответов производится в профиле зарегистрированного участника форума.

Заголовок*:

Сообщение*:

> Имеется следующий макет: 
> +-----------------+-------+ 
> |            
>            
>   |         
>   | 
> |     left       
>        | right  | 
 
> |            
>            
>   |         
>   | 
> +-----------------+          | 
> |     footer       
>   |         
>   | 
> +-----------------+-------+

> <div id="leftContainer"> 
>    <div id="left"></div> 
>    <div id="footer"></div> 
> </div> 
> <div id="right"></div>

> слой footer должен быть всегда в самом низу, независимо о того, на 
> сколько растянуты содержимым слои left или right.
> как написать кросс-браузерную css для данного макета?
> я делал так:

> html, body { 
>   height: 100%; 
> } 
> #leftContainer { 
>   height: 100%; 
>   width: 500px; 
>   float: left; 
> }

> #left { 
>   min-height: 100%; 
>   height: auto !important; 
>   height: 100%; 
>   margin: 0 auto -4em; 
> }

> #footer { 
>   height: 40px; 
> }

> таким способом не работает. Если, например, в слое right текст не помещается 
> на один экран, то слой footer не опускается

При общении не допускается: неуважительное отношение к собеседнику, хамство, унизительное обращение, ненормативная лексика, переход на личности, агрессивное поведение, обесценивание собеседника, провоцирование флейма голословными и заведомо ложными заявлениями. Не отвечайте на сообщения, явно нарушающие правила - удаляются не только сами нарушения, но и все ответы на них. Лог модерирования.

Партнёры:

Хостинг:

Закладки на сайте
Проследить за страницей

Created 1996-2024 by Maxim Chirkov
Добавить, Поддержать, Вебмастеру