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

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

g6NEV7g.png
stroytech.pe.hu

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

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

Спасибо
  • Вопрос задан
  • 4493 просмотра
Комментировать
Подписаться 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 комментария
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Взлом автомобильной программы
19 апр. 2024, в 05:01
999999 руб./за проект
Доработать телеграм бота
19 апр. 2024, в 03:52
1000 руб./за проект
Написать код на python
19 апр. 2024, в 03:01
1000 руб./за проект
Ещё заказы