И так, после указания обтекания (Float в .logo ) пропадает фон :(
Нужно что бы меню роспологалось справа от логотипа, объясните пожалуйста в чем моя ошибка.
Спасибо!
До указания обтекания:
После:
CSS:
body {
margin: 0 auto;
}
#wrap {
width: 100%;
height: 100%;
background: #000000;
}
#wrap_1 {
margin: auto;
width: 1024px;
height: auto;
background: #000000;
}
.logo {
width: 100%;
height: 100%;
padding: 3px;
font-family: 'Dynalight', cursive;
font-size: 50pt;
color: #ffffff;
float: left;
}
.logo span {
color: red;
}
.menu ul li{
float: right;
display: inline-block;
}
html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>box-sizing</title>
<link rel="stylesheet" href="style.css">
<link href='http://fonts.googleapis.com/css?family=Dynalight' rel='stylesheet' type='text/css'>
</head>
<body>
<div id="wrap">
<div id="wrap_1">
<div class="head">
<div class="logo">
Catering<span>.com</span>
</div>
<div class="menu">
<ul>
<li>sss</li>
<li>sss</li>
<li>sss</li>
<li>sss</li>
<li>sss</li>
<li>sss</li>
</ul>
</div>
</div>
<div class="head_conteiner">
<div class="head_h1">
</div>
<div class="banner">
</div>
</div>
<div class="content">
<div class="card">
</div>
<div class="serv">
</div>
<div class="about">
</div>
</div>
<div class="footer">
</div>
</div>
</body>
</html>