Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Сайт без хеадера, Есть центральный блок и подвал 
:(
    Опции темы
mmmoi
Дата 15.10.2012, 10:05 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 16
Регистрация: 15.10.2012

Репутация: нет
Всего: нет



Проблема такая
Есть центральный блок с фиксированной шириной,который распологается по центру окна (слева и справа).У этого блока должен быть отступ сверху 200px и снизу 150px,а все остально занимает этот блок ( ограничиваясь этими отступами по высоте).Причем внизу будет блок ссылок(подвал) высотой 150px прижатый к низу всегда.

Как добиться ,чтобы блок занимал все место по вертикали ,ограничиваясь только отступами+ подвал был прижат всегда снизу?

Ссылка на картинку ниже

Это сообщение отредактировал(а) mmmoi - 15.10.2012, 10:14

Присоединённый файл ( Кол-во скачиваний: 5 )
Присоединённый файл  site.jpg 34,98 Kb
PM MAIL   Вверх
Се ля ви
Дата 15.10.2012, 17:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Java/SOAрхитектор
****


Профиль
Группа: Модератор
Сообщений: 2016
Регистрация: 5.6.2004
Где: place without tim e and space

Репутация: 1
Всего: 127



Вообще, читай учебник в блоге Ивана Сагалаева. В частности, приём, который тебе нужен прекрасно расписан в данной статье. Но если коротко, то делается это примерно так:
Код
html {
    padding: 0;
    margin: 200px auto 150px auto;
    width: 1180px; /* твоя фиксированная ширина */
    height: 100%;
}

body { min-height: 100%; }
* html body { height:100%; } /* исправляем баг в старых версиях IE */

#footer { /* id`шник div`а, который у тебя должен быть внизу */
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px; /* У данного приёма есть недостаток - придётся жёстко фиксировать высоту подвала, иначе текст сверху будет подлезать под него */
}
#body { /* id`шник элемента (напр., div`а), который идёт непосредственно перед "подвалом" (элементом #footer) */
    padding-bottom: 60px; /* Тот же самый отступ делаем. Если высота footer`а изменится - придётся её тут менять вручную... */
}

А вообще, если хочешь разобраться в том, как правильно верстать, советую вообще почитать учебник - прекрасные статьи, лучше ничего ни в сети, ни в книгах я не видел - коротко, ясно, доступно и главное - легковесно.


--------------------
  )
 (
[_])
проф. блог

Кролики думали, что занимаются любовью, а на самом деле их просто разводили...
PM MAIL WWW Skype GTalk   Вверх
mmmoi
  Дата 15.10.2012, 20:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 16
Регистрация: 15.10.2012

Репутация: нет
Всего: нет



Спасибо.Информация дорогого стоит. smile 
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0418 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.