Jump to content
  • 0

Отступ у фона


Crushing
 Share

Question

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

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

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


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

Link to comment
Share on other sites

11 answers to this question

Recommended Posts

  • 0

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

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

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

Link to comment
Share on other sites

  • 0
21 минуту назад, mrnobody сказал:

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

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

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

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

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

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


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

Edited by Crushing
Link to comment
Share on other sites

  • 0

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

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

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

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

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

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy