Почему у nav есть внешний отступ?
Я не понимаю, почему у человека из курса макет выглядит так:
А мой макет вот так:
Хотя я даже переписал код точь в точь как у него
Сам код
Дополнительно:
Потому что у него есть сброс типа такого
*{ margin: 0; padding: 0; } |
*{ margin: 0; padding: 0; }
а у вас нету
Ответы:
1) зачем перекрученный html ?? Может есть смысл nav поставить перед тегом main ??
2) Вы же сами центруете контент по центру " margin: 0 auto;"
3) Такой подход с float это самоубийство
#container { width: 800px; margin: 0 auto; } |
#container { width: 800px; margin: 0 auto; }
4) опечатка в : margin left заменить на margin-left:
main { float: left; margin left: 200px; width: 600px; } |
main { float: left; margin left: 200px; width: 600px; }
5) Обнуление, как вариант reset
header{ background-color: #c0c0c0; } aside { background-color: #ff8040; width: 200px; } h1 { padding:0; margin:0; } p { margin:0; } nav { background-color: #8080ff; width: 200px; float: left; } main { margin-left: 200px; width: 600px; } footer { background-color: #400000; color: white; clear: left; } #container { width: 800px; } |
header{ background-color: #c0c0c0; } aside { background-color: #ff8040; width: 200px; } h1 { padding:0; margin:0; } p { margin:0; } nav { background-color: #8080ff; width: 200px; float: left; } main { margin-left: 200px; width: 600px; } footer { background-color: #400000; color: white; clear: left; } #container { width: 800px; }
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для того чтобы понять, почему у элемента nav есть внешний отступ, необходимо проанализировать структуру HTML и CSS кода. Возможно, это происходит из-за наличия стилей по умолчанию браузера или из-за применения определенных CSS правил.
Чтобы убрать внешний отступ у элемента nav, можно использовать следующий CSS код:
nav { margin: 0; padding: 0; }
Этот код сбросит все внешние отступы и поля для элемента nav. Однако, если проблема не решается таким способом, возможно, нужно проанализировать другие стили, применяемые к родительским элементам или самому элементу nav.
Также стоит проверить, нет ли других CSS правил, которые могут влиять на отступы элемента nav. Используйте инструменты разработчика браузера для анализа стилей и установления причины внешнего отступа.
Если после всех этих шагов проблема все равно остается, пожалуйста, предоставьте больше информации, например, ссылку на страницу или полный код HTML и CSS, чтобы мы могли более точно определить причину и помочь вам решить проблему.