Проблема в следующем верстаю макет с PSD шаблона. Использую HTML и CSS.
Прописал по порядку блоки Header. nav. main. в коде html. Добавил картинку и ссылки в блок header. открыл браузер что бы отобразить результат.
и вижу. что блок main наехал на блок header.
Вопрос: почему так получилось. Ведь одно из свойств блочных тегов - они начинаются с новой строки и занимают всю доступную ширину. (main. игнорирует свойство и не начинается с новой строки). как решить и почему произошло? Заранее благодарю всех за помощь
Скрин прикрепляю.
HTML
<body>
<header>
<div class="logo">
<img src="..\matereal\images\logo.png" alt="logotip" class="logo__img">
</div>
<nav>
<a href="" class="nav" >home</a>
<a href="" class="nav" >compane</a>
<a href="" class="nav" >servise</a>
<a href="" class="nav" >clients</a>
<a href="" class="nav" >contacts</a>
</nav>
</header>
<main>
<div>
<img src="" class="slaider" alt="slaider">
<p class="slaider__text__h1">веб-разработке\практика</p>
<p class="slaider__text__h2"></p>
</div>
</main>
<footer>
</footer>
CSS
body {
margin: 0;
}
header {
margin: 0;
border-top: 3px solid black;
}
.logo {
margin:60,0,60,60;
float: left;
width: 49%;
}
nav {
float: right;
margin: 60,60,60,0;
width: 51%;
}
