Как убрать полосу от padding?

Question

[Денис Щетинин]

У футера есть padding: 15px 0 - из-за этого фоновое изображение не может стать на весь футер и получаются темные полосы
Подскажите, пожалуйста, как лучше сверстать эту часть чтобы не было подобной проблемы?

footer
	padding: 15px 0
	background: #353546 url("../img/footerbg.png")
	background-position: center top
	position: relative

Answer 1

[ThunderCat]

Все понятно? Картинка имеет прозрачный фон, соответственно она занимает ВЕСЬ объем, но не ПОКРЫВАЕТ верхний бэкграунд.

Comments

[Денис Щетинин]

Да, все так, не покрывает верхний бэкграунд из-за padding от футера.
Надеялся услышать совет как это можно исправить..

[ThunderCat]

Денис Щетинин: Явно что-то с тобой не так, или ты что, первый раз верстаешь? КАРТИНКА ИМЕЕТ ЛИШНИЕ ПРОЗРАЧНЫЕ ПИКСЕЛИ СВЕРХУ!!!! Обрежь в фотошопе лишнее и будет тебе счастье. Паддинг никак не влияет на бэкграунд.

[Денис Щетинин]

ThunderCat: Боже мой.. какой позор..
Как можно было не заметить такой элементарной вещи
Спасибо, что раньше не послал меня куда подальше))

[ThunderCat]

Денис Щетинин: да ладно, бывает конечно, сам перечитал что ответил - действительно не очень объяснил в первом посте, как то кривовато описал )

Answer 2

[Андрей Никифоров]

код в студию

Answer 3

[Денис Щетинин]

Вот начало html футера, если нужно могу скинуть все 40 строк

<footer>
	<div class="container container--padding">
		<div class="footer__wrap">
			<div class="footer__header">
				<div class="footer__tw">
					<img src="img/tw-big.png" alt="">
				</div>
				<div class="fheader__text">
					<p class="fheader__text-main">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's sstandard dummy text  of the printing and typesetting industry.</p>
					<p class="fheader__text-right">- versions of Lorem Ipsum.</p>
				</div>
			</div>

Comments

[ThunderCat]

мне интересно, вы по этому куску сами определите что и как происходит и какие свойства у ваших классов? Тут нет экстрасенсов, хотите помощь - выложите на нормальный хостинг скриптов - кодепен или жсфиддл.

[Денис Щетинин]

Проблема в нужных картинках, они то на компьютере..
Подскажите куда их можно залить, что бы можно было их через хотя бы через ссылку добавить?
и jsfiddle вроде flex не понимает(

[Денис Щетинин]

ThunderCat: https://codepen.io/anon/pen/mMBQem
добавил одно фоновое изображение, но суть уже видна)