Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 02.02.2018, 21:55   #1
mr.relax
Новичок
Джуниор
 
Регистрация: 28.04.2009
Сообщений: 1
Радость Position: fixed - сделать размеры блока как у body

Есть страница, c:
body {
max-width: 1200px;
margin: auto;
}

Т.е. контент посередине.

Вопрос: есть блок <footer>, как средствами CSS сделать его "привязанным" к низу страницы так, чтобы он был одного размера с body? И соответственно менял размеры, если у body меняется.
Ну например: окно браузера уменьшили...

footer {
position: fixed;
bottom: 0;
}


"привязывает" <footer> к низу, но растягивает по ширине экрана.
mr.relax вне форума Ответить с цитированием
Старый 04.02.2018, 21:56   #2
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

бывает, что шапку делают фикседом, но подвал?.. — мне кажется, это какая-то глупость.
По теме: фиксед вырывается из потока и контекста. Насколько я помню, из всех свойств он наследует только шрифт и цвет текста. То есть ширину родителем не задать.
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 11.02.2018, 13:10   #3
mc13
Форумчанин
 
Аватар для mc13
 
Регистрация: 03.01.2015
Сообщений: 109
По умолчанию

Для начала попробуй задать такую же ширину как у body, а именно max-width: 1200px
mc13 вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как сделать "fixed" при прокрутке блока Bulat Ibrahim JavaScript, Ajax 2 10.05.2017 23:27
Скролл и position:fixed L6go1as HTML и CSS 0 08.02.2015 13:37
Нечто типа position: y-fixed.... как сделать ? sc_creator HTML и CSS 1 06.08.2013 11:52
position: fixed; и виджет like Вконтакте Кольша HTML и CSS 1 04.02.2012 17:45
Div с position:fixed shilinpavel HTML и CSS 1 03.12.2011 22:39