Проблема с версткой. Как исправить?

Question

[ALERTOS]

Приветствую пользователей Тостера!
Недавно начал верстать макет и появилась проблема в виде белых полос сверху и снизу #content
Ссылка: jsfiddle.net/Alertos/zggb6phx
Как исправить?
Заранее спасибо!
P.s. Я новичок, первый раз верстаю.

Answer 1

[Сергей Карвасарный]

.main-content у тебя там стоит padding 10 убери и все будет нормально или поставить padding: 0 10px;

Comments

[Zakolebasov]

Точно, работает как ты говоришь. А почему слева-справа белых полос небыло?

[ALERTOS]

Спасибо!

Answer 2

[IceJOKER]

is it - jsfiddle.net/zggb6phx/2 ?

Comments

[ALERTOS]

Благодарю!

Answer 3

[Матвей Мамонов]

Я не уверен, но симптомы как у присутствия margin/padding. Попробуй следующее:

margin: 0px;
padding: 0px;

Это добавь как стили для твоего #content'a.

Comments

[Матвей Мамонов]

Кстати, ты задал ширину для этого блока как padding-left: 60px, ну, типа от сайдбара отступить его ширину, чтобы не накладывался. Не самое разумное решение ;)

Попробуй поиграться с
CSS
width: calc(100% - 60px);