Задать вопрос
IgorBee
@IgorBee
JS,VBS,3D.Web с 07.2015
html

Как задать футеру черный фон на всю ширину экрана?

g6NEV7g.png
stroytech.pe.hu

Сделал чтобы страница была фиксированной поэтому и задний фон цвета футера тоже фиксированный а мне нужно чтобы он расстягивался на всю ширену экрана.

Важно чтобы слова отваливались на месте как и карта.

Спасибо
  • Вопрос задан
  • 4747 просмотров
Комментировать
Подписаться 2 Оценить Комментировать
Решения вопроса 1
orlov0562
@orlov0562
I'm cool! 
footer {
    background-color: #231f20;
    color: white;
    display: block;
    height: 400px;
    left: 0;
    position: absolute;
    width: 100%;
}


а для того чтобы выровнять содержимое, добавь внутрь wrapper, например:
<footer>
<div style="width:900px; margin:0 auto;">
..content..
</div>
</footer>


Вообще, в твоем случае лучше поменять структуру, сделать типа такой:
<body>
    <header></header>
    <main></main>
    <footer></footer>
</body>

и прописать нужные стили отдельно для header, main и footer
Ответ написан
6 комментариев
6 комментариев
Пригласить эксперта
Ответы на вопрос 1
@godrop
Вот так? Если да, то измените атрибут min widht (или удалите)
aubWe8x.png
body {
    margin: 0 auto;
    padding: 0;
    background-color: #f2f2f2;
    font-family: sans-serif;
    min-width: 1200px;
    max-width: none;
    width: 100%;
Ответ написан
2 комментария
2 комментария
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
WordPress-разработчик
div. • Ставрополь
от 50 000 до 120 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
APK декомпиляция внутренних API приложения
25 нояб. 2024, в 13:19
5000 руб./за проект
Необходимо создать программу/сайт по автоматическому созданию транспор
25 нояб. 2024, в 13:13
10000 руб./за проект
Дорвботать приложение под IOS на Swift vocechanger
25 нояб. 2024, в 12:49
50000 руб./за проект
Ещё заказы