Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 16.10.2010, 21:28
Интересующийся
Отправить личное сообщение для Acrossfy Посмотреть профиль Найти все сообщения от Acrossfy
 
Регистрация: 25.03.2009
Сообщений: 15

Фиксация фона по низу, без фиксации по бокам
Здравствуйте, потребовалась верстка - три колонки во всю высоту. Средняя тянется в ширину. Прижатый подвал.
Основу сверстал, все как и нужно, растяжение во всю высоту для колонок сделал с помощью padding-bottom: 1001em и margin-bottom: -1000em.
Для боковых колонок потребовалось задать неоднородный фон. Основной проблемой стало то, что фон должен быть позиционирован с низу. Background-position:bottom не помогает, поскольку реальная высота дива больше высоты страницы из-за способа растяжения.
Решить ситуацию помогает параметр fixed, однако фиксируется фон не только относительно низа окна, но и относительно боков. Что плохо. На малых разрешениях, при сжатии окна страницы до появлении горизонтального скролла фиксированный фон смещается в диве, поскольку прижат к краю окна.

Вопрос: можно ли через js фиксировать фон только относительно низа/верха, но фиксировать при этом относительно лева/права.
Ответить с цитированием
  #2 (permalink)  
Старый 16.10.2010, 22:26
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Да зачем все эти извращения? Используйте либо display: table-cell + фикс для ие6-7(equalcolumns + float'ы) либо тупо <table>
Ответить с цитированием
  #3 (permalink)  
Старый 16.10.2010, 22:29
Интересующийся
Отправить личное сообщение для Acrossfy Посмотреть профиль Найти все сообщения от Acrossfy
 
Регистрация: 25.03.2009
Сообщений: 15

table не вариант, а первый совет опробую, отпишусь если что.
Ответить с цитированием
  #4 (permalink)  
Старый 16.10.2010, 23:22
Интересующийся
Отправить личное сообщение для Acrossfy Посмотреть профиль Найти все сообщения от Acrossfy
 
Регистрация: 25.03.2009
Сообщений: 15

Попробовал. Сделать при table-cell колонки на 100% высоты никак (у меня не вышло). Прижать футер тоже не удалось. Мне этот способ не подходит.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск