Отступ у фона

[Crushing]

Всем привет, такая проблема, фон по какой-то причине делает отступ.

Вот тут видна проблема. http://prntscr.com/fpt222

Если же применить border к контейнеру в котором находятся логотип и меню с иконками то все встает на свои места, но как только бордер убираешь, опять беспорядок.
Вот с бордером: http://prntscr.com/fpt3j0


Код: https://jsfiddle.net/s78mt3m6/

[DivMan]

У .logo надо убрать margin-top: 20px;

[AlexZaw]

виновато схлопывание, почитайте http://htmlbook.ru/samlayout/blochnaya-verstka/skhlopyvayushchiesya-otstupy

[Crushing]

  On 6/30/2017 at 5:43 AM, DivMan said:

У .logo надо убрать margin-top: 20px;

Expand  

Не помогло)

[Crushing]

  On 6/30/2017 at 6:25 AM, AlexZaw said:

виновато схлопывание, почитайте http://htmlbook.ru/samlayout/blochnaya-verstka/skhlopyvayushchiesya-otstupy

Expand  

Не удалось там найти решения.

[DivMan]

Скинь весь код, с картинкой 

[Crushing]

  On 6/30/2017 at 7:38 AM, DivMan said:

Скинь весь код, с картинкой 

Expand  

Кинул в ЛС архив со своей работой.

[mrnobody]

У вас схлопывание как писали выше. 

https://jsfiddle.net/mrnobody/s78mt3m6/2/

И еще внутри ul и ol должны быть непосредственно дочерние элементы li, а у вас div и внутри него лишки идут. Поменяйте местами ul и див.

[Crushing]

  On 6/30/2017 at 7:57 AM, mrnobody said:

У вас схлопывание как писали выше. 

https://jsfiddle.net/mrnobody/s78mt3m6/2/

И еще внутри ul и ol должны быть непосредственно дочерние элементы li, а у вас div и внутри него лишки идут. Поменяйте местами ul и див.

Expand  

Да, не заметил.

Лишки и див поменял.

А вот как пофиксить этот отступ я так и не понял.


Как поменял так еще все в кучку сбилось
http://prntscr.com/fpx0gc

Edited June 30, 2017 by Crushing

[Svetlana_P]

Покажите текущую верстку

[Crushing]

  On 6/30/2017 at 9:45 AM, Svetlana_P said:

Покажите текущую верстку

Expand  

http://prntscr.com/fpyaac

[DivMan]

Вы сетку неправильно сделали.

Сверстайте всё заново.

Clearfix надо добавить к классу contaiter, img надо обернуть в дополнительный div и зафлоатить его влево, а nav в право.

Когда что-то флоатите, обязательно для этого блока, задайте ширину.

Что бы пропал ненужный отступ, вам надо убрать margin-top: 40px; у nav