AlexeiiKozachuk
@AlexeiiKozachuk

Как исправить размещение картинок в блоке?

Всем привет , всё никак не могу понять почему картинки во втором блоке сползают вниз , подскажите как правильно исправить ? Ещё вопрос по поводу бекграунда , не получается разместить полностью картинку в этот блок , получается либо слишком растянутой , либо кривой . Прошу прощения за наглость , вопрос по поводу футера , так же не получается растянуть его на ширину всей страницы , заранее благодарен за помощь ,)

Вот собственно ссылка : alexeiikozachuk.github.io
  • Вопрос задан
  • 152 просмотра
Решения вопроса 1
RadCor
@RadCor
Если мой ответ вам помог, отмечайте его решением.
У вас изначально структура вёрстки не правильная, от туда и все эти проблемы.
Можно конечно сделать костыли, что бы всё это исправить, но я бы вам советовал поучится правильной вёрстке.

1) Блокам не нужно задавать pisition:absolute. Просто float:left, что бы они обтикали друг друга, и overflow:hidden, что бы всё в нутри блока обрезалось и не вылазило на область блока.

2) Что бы залить блок картинкой полностью, используйте background-size:cover

3) Что бы рястянуть футер на всю ширину, изначально нужно было делать обёртку wrapper не общую для всего сайта, а для каждого блока (шапка, контент,футер)
jsfiddle.net/r6h3j641
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы