Тема: Чому margin не рухає div блок???
Привіт. Намагаюсь зверстати сайт по макету. От яку його частину зара роблю.
Покищо в мене вийшло ось це
Ну треба підняти отой розділювач. Але ніяк не виходить, хотів був зробити margin'ом, але воно не рухається.
Що робити??? position приміняти не хочу, бо можна ж якось по іншому.
HTML
<!doctype html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="style.css">
<title>First Document</title>
</head>
<body>
<div id="wrapper">
<div id="head">
<div id="logo">
<div id="logo-img"><a href="#"><img src="images/logo.png" alt=""></a></div>
<div id="splitter"><img src="images/splitter.png" alt=""></div>
<div id="logo-notice"></div>
</div>
<div id="soc-btn"></div>
<div id="nav">
<div id="nav-menu">
<ul>
<li><a href="#">Главная</a></li>
<li><a href="#">Форум</a></li>
<li><a href="#">Блоги</a></li>
<li><a href="#">Статьи</a></li>
<li><a href="#">Портфолио</a></li>
<li><a href="#">Контакты</a></li>
</ul>
</div>
<div id="nav-search"></div>
</div>
</div>
<div id="container">
<div id="menu-left">
<ul>
<li><img src="" alt=""><a href="#">Главная</a></li>
<li><img src="" alt=""><a href="#">Рукописи</a></li>
<li><img src="" alt=""><a href="#">Контакты</a></li>
<li><img src="" alt=""><a href="#">Разработки</a></li>
<li><img src="" alt=""><a href="#">Любимая музыка</a></li>
</ul>
</div>
<div id="path"></div>
<div id="content">
<news-prev-block>
<news-header>
<h1></h1>
<news-date></news-date>
</news-header>
<news-content></news-content>
<news-image></news-image>
<news-footer>
<news-comments></news-comments>
<news-views></news-views>
<news-more></news-more>
</news-footer>
</news-prev-block>
</div>
</div>
</div>
</body>
</html>
CSS
* {
margin: 0;
padding: 0;
}
#wrapper {
width: 1100px;
height: auto;
margin-left: auto;
margin-right: auto;
background: #ddd;
}
#head {
width: 1100px;
height: 98px;
background: url('images/header.jpg');
padding-top: 1px;
}
#logo {
height: inherit;
}
#logo-img {
display: inline-block;
margin-left: 90px;
margin-top: 30px;
}
#splitter {
display: inline-block;
margin-bottom: 40px;
margin-left: 10px;
}