В чем моя ошибка,почему фотография смещается вниз и берет за собой верхнюю часть шапки ?
- На фото показано как смещается фото и шапка
* <!DOCTYPE html>
* <html>
* <head>
* <meta charset="utf-8">
* <title>Объединяем ячейки в столбцах</title>
* <link rel="stylesheet" href="css/style.css">
* <link href="https://fonts.googleapis.com/css?family=Cuprum" rel="stylesheet">
* </head>
* <body>
* <header>
* <div class="header">
* <div class="logo">
* <a href="#" alt="Логотип"><img src="image/1.png"></a>
* </div>
* <div class="up">
* <ul>
* <li><a href="#">Главная</li></a>
* <li><a href="#">Наши работы</li></a>
* <li><a href="#">Акции</li></a>
* <li><a href="#">О компани</li></a>
* <li><a href="#">Контакты</li></a>
*
* </div>
* </header>
*
* <div class="pfoto">
* <img src="image/3.jpg">
* </div>
*
* </body>
* </html>
body{
margin:0;
padding:0;
}
ul{
list-style:none;
}
a{
text-decoration:none;
}
.header{
}
/* 1 страница лого */
.up{
text-align:right;
display:block;
float:left;
height:98px;
width:1595px;
background:#1d2d3c;
}
.up li{
padding:10px;
padding-top:40px;
display:inline-block;
font-size:20px;
font-family: 'Cuprum', sans-serif;
text-transform:uppercase;
}
.logo{
float:left;
}
.up a{
display:static;
padding:10px 20px 10px 20px;
color:white;
transition: 1s all;
}
.up a:hover{
background:#666;
}