X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Растянуть блок до прижатого футера
d1st
d1st
Topic Starter сообщение 29.12.2012, 11:03; Ответить: d1st
Сообщение #1


Здравствуйте. Суть проблемы такая.
Есть сайт, вот пример: http://f-osk.ru/index.php
Футер прижат к низу экрана при малом контенте, при большом соответственно внизу.
Но! Блок wrap НЕ тянется до футера, если контента мало, а высота монитора большая.
Т.е. можете на этой страницы уменьшить масштаб (покрутить колесико при зажатом ctrl) и поймёте о чем я говорю.

Футер прижимается, а wrap до него растягиваться отказывается.

Вот структура:

<body>
<div class="wrap">
контент
</div>
<div class="footer">
</div>
</body>


[CSS]
html {
background-color: #1c6095;
height: 100%
}

body {
margin: 0 auto;
background: url("../images/wrap_bg.png") repeat-y;
background-position: center;
position:relative;
height: auto !important;
height: 100%;
min-height: 100%;
}

.wrap {
height: 100%;
background: url("../images/uzor.png");
margin: 0 auto;
overflow: auto;
padding-bottom: 94px;
}

.footer {
height: 94px;
background: url("../images/uzor.png");
bottom: 0;
width: 100%;
position: absolute;

}
[/CSS]

Заранее благодарен за ответы.

Просьба не кидать ссылки на похожие темы, потому что я бы не создал эту тему не перебрав довольно много вариантов к своей ситуации.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Zippovich
Zippovich
сообщение 29.12.2012, 18:58; Ответить: Zippovich
Сообщение #2


Это практически не возможно сделать без js в блочной верстке.
Расскажите зачем Вам нужно растягивать этот блок, я скажу Вам возможные рещения.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exploit_hb
Exploit_hb
сообщение 30.12.2012, 16:14; Ответить: Exploit_hb
Сообщение #3


ну у вас почти получилось, токо футер надо поместить во враппер, убрать нижний паддинг, если будет проблема с 2 правими скролами то убрать скрол у body и пускай остается скрол от враппера
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
d1st
d1st
Topic Starter сообщение 31.12.2012, 13:25; Ответить: d1st
Сообщение #4


(Zippovich @ 29.12.2012, 21:58) *
Это практически не возможно сделать без js в блочной верстке.
Расскажите зачем Вам нужно растягивать этот блок, я скажу Вам возможные рещения.


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

Ну кароче говоря нужно, чтобы даже при уменьшении масштаба (скролл+ctrl) блок тянулся до футера.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Zippovich
Zippovich
сообщение 31.12.2012, 16:00; Ответить: Zippovich
Сообщение #5


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

Ну кароче говоря нужно, чтобы даже при уменьшении масштаба (скролл+ctrl) блок тянулся до футера.


Я и спрашиваю зачем это нужно, потому что в Вашем случае это не нужно (фон белый - зачем тянуть блок? это если бы фон отличался - но и это решается без "тянуть") и никто блок этот не тянет. Просто прижмите футер к низу окна броузера и сделайте что бы главный блок его опускал бы. В инете решений куча. А тянуть центральный блок? Зачем?

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Как скрыть блок в приложении на Android
0 Вито_052 1092 15.12.2019, 12:37
автор: Вито_052
Открытая тема (нет новых ответов) Появляющийся блок
0 sergei_burg 2199 1.6.2019, 13:39
автор: -sergei1980-
Открытая тема (нет новых ответов) Перенести блок FAQ с сайта
Верстка
3 Gera 2553 13.12.2018, 15:40
автор: mmkulikov
Открытая тема (нет новых ответов) Куплю места на мордочках, под сквозные ссылочки под блок сквозных ссылок.
тематика: СМИ,Туризм,Медицина
4 SeoGanik 9625 18.2.2017, 12:33
автор: SeoGanik
Открытая тема (нет новых ответов) Выровнить абсолютный блок по центру НЕИЗВЕСТНОГО размера без js
2 lensoy 5590 27.9.2015, 19:08
автор: -lensoy-


 



RSS Текстовая версия Сейчас: 18.4.2024, 14:54
Дизайн