dicem
@dicem

Как сверстать такой футер?

Здравствуйте, собственно вопрос простой, каким образом мне сверстать правую часть футера таким образом как на макете?
5b4d9b4e0209e808262799.png

Вся сложность в том, что позже этот макет необходимо адаптировать, а моя сейчасошня верстка не поддается адаптации (точнее поддается но через сотни медиа запросов, дабы косяков не всплывало), я уверен, что есть способы проще.
Использую сетку bootstrap 3.
Из того, что имеется на данный момент (моя текущая верстка, которую необходимо адаптировать в последствии):
5b4d9d22e1ba3498912621.png
Верстка предыдущая, запиленная онли под десктоп:
5b4d9d3fe6955555943336.pngJSFIDDLE
Больше всего интересует само собой этот уходящий за пределы экрана правый (белый) блок с картой сайта.
Если же делать враперы с огромной шириной и footer{ overflow-x: hidden }
То появляются артефакты, типа таких:
5b4d9e70a4cbf724014618.png

Вроде достаточно развернуто, если кому еще какая информация нужна, пишите.

UPD
Вобщем нашел костыльное решение. Как и говорил:

Если же делать враперы с огромной шириной и footer{ overflow-x: hidden }

Только вметсо футера задал оверфлоу body.
  • Вопрос задан
  • 259 просмотров
Решения вопроса 1
@siarheisiarhei
"Только вметсо футера задал оверфлоу body"
всяк "колбасе-сверху в низ" нужен
html, body{
	overflow-x: hidden;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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