К списку форумов К списку тем
Регистрация    Правила    Главная форума    Поиск   
Имя: Пароль:
Рекомендовать в новости

Как сделать, чтобы фон левой или правой колонки заполнял область до футера?

0 - 03.06.2014 - 15:18
Как сделать, чтобы фоновая картинка левой или правой колонки заполняла область до футера? А не ограничивалась той областью, где есть текст?
Кто сталкивался с этой задачей и решил её - подскажите, пожалуйста! :-)



1 - 03.06.2014 - 16:43
Есть известный пример:

margin-bottom: -32767px;
padding-bottom: 32767px;
у колонки

и overflow: hidden;
у содержащего колонки блока.

Но это не подходит, потому что есть задача отображать тени у колонок, так вот из-за overflow: hidden они не отображаются с внешних краёв :-(
Гость
2 - 06.06.2014 - 22:40
Цитата:
Сообщение от 2225777 Посмотреть сообщение
margin-bottom: -32767px; padding-bottom: 32767px;
это ппц... ну нету столько пикселей наверное ни у одного монитора в мире, откуда вы берете эти цифры или откуда вы беретесь с такими цифрами?
3 - 09.06.2014 - 18:03
Кто как заполняет фоном колонки до низа?
Гость
4 - 09.06.2014 - 21:07
Покажи макет для начала...
Гость
5 - 10.06.2014 - 01:50
позырь
ваще эта тема обмусолена уже лет 10 как, just google it =)
Гость
6 - 10.06.2014 - 02:57
Вопрос для новичка который ничего не понимает в верстке
7 - 16.06.2014 - 20:28
Так и есть, я web-программист, а не верстальщик...

Хотя бы словами опишите принцип, как сделать, чтобы фон тянулся до низа, независимо от того, сколько в нём текста...
8 - 16.06.2014 - 20:55
Вот здесь есть одно решение, но оно с помощью доп. колонки, которая лежит под основной колонкой и держит собой фон для основной колонки.
http://dimox.name/liquid-columns-wid...ght-emulation/

Так все и делают?
9 - 16.06.2014 - 20:57
Вот страница, где это надо сделать:
http://www.test.webvertex.ru/

Сейчас там стоит height: 100% где только можно :-)
10 - 16.06.2014 - 21:46
свойство height: 100% у нужных колонок - #colmn1, #colmn2, #center1 - (#colmn1_color, #colmn2_color, #center1_color - это их вложенные divs только для цвета фона) - только тогда когда этой свойство height: 100% просталено у всех родителей, вплоть до тега html.

Здесь опытным путём подобрано для #container height: 75%; (зависит от ширины в пикселях шапки и подвала)

html , body, #body, #body_color **
height: 100%;
**

#container **
height: 75%;
**

#columns, #colmn1, #colmn2, #center1, #colmn1_color, #colmn2_color, #center1_color **
height: 100%;
**

Почти подходит, если не делать окно браузера распахнутым на 100% :-(
Гость
11 - 16.06.2014 - 21:52
попробуйте
min-height: 100%;

но, скорее всего нужно всё переверстать по новой, сразу правильно

п.с. в чем именно проблема не знаю, с телефона не вижу
12 - 16.06.2014 - 22:10
Спасибо за совет!
min-height: 100% пробовали ставить - это действует, как отсутствие вообще свойства height: 100% - то есть все три колонки сразу теряют растягивание фона до низа.

А вот интереснейшая статья по вопросу!
http://matthewjamestaylor.com/blog/e...r-css-no-hacks

Только именно мне она не подходит, потому что мне нужно этим трём колонкам ставить по полной высоте скруглённые углы с помощью box-shadow :-)

А в этом примере отдельных этих колонок с высотой до низа как таковых не существует :-)
13 - 16.06.2014 - 22:33
Посмотрите статью http://habrahabr.ru/post/148327/ .
14 - 17.06.2014 - 00:18
2 Искусственный Интеллект1:
Вот спасибо Вам огромное за ссылку!
Перешли с неё на статью-источник - и оттуда взяли решение на jQuery! :-)

Лучший выход - всегда насквозь! :-)
Гость
15 - 25.06.2014 - 22:34
table


К списку вопросов






Copyright ©, Все права защищены