1

Тема: Чому margin не рухає div блок???

Привіт. Намагаюсь зверстати сайт по макету. От яку його частину зара роблю.
http://puu.sh/5zi3E.jpg
Покищо в мене вийшло ось це
http://puu.sh/5zi4K.jpg
Ну треба підняти отой розділювач. Але ніяк не виходить, хотів був зробити margin'ом, але воно не рухається.
http://puu.sh/5zi8F.jpg Що робити??? 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;
}
All you want is a dingle,
What you envy's a schwang,
A thing through which you can tinkle,
Or play with, or simply let hang...

2

Re: Чому margin не рухає div блок???

А картинки можна Ваші? (images/logo.png, images/header.jpg, images/splitter.png)

x

3

Re: Чому margin не рухає div блок???

Краще float використовувати або position absolute.

4

Re: Чому margin не рухає div блок???

1.  display: inline-block;  - позабирайте цю фішку)
2. float:left; float:right - юайте ці штуки ;)

Подякували: Replace1

5

Re: Чому margin не рухає div блок???

Chemist-i написав:

А картинки можна Ваші? (images/logo.png, images/header.jpg, images/splitter.png)

а вам нашо? хочете вкрасти мої розробки і продати за великі гроші?

Post's attachments

images.rar 20.09 kb, 119 downloads since 2013-12-02 

All you want is a dingle,
What you envy's a schwang,
A thing through which you can tinkle,
Or play with, or simply let hang...

6

Re: Чому margin не рухає div блок???

funivan написав:

1.  display: inline-block;  - позабирайте цю фішку)
2. float:left; float:right - юайте ці штуки ;)

млин,  я в цих флоатах так путаюсь, що капець просто якийсь

All you want is a dingle,
What you envy's a schwang,
A thing through which you can tinkle,
Or play with, or simply let hang...

7

Re: Чому margin не рухає div блок???

FakiNyan написав:
Chemist-i написав:

А картинки можна Ваші? (images/logo.png, images/header.jpg, images/splitter.png)

а вам нашо? хочете вкрасти мої розробки і продати за великі гроші?

Ви мене розкрили =)

x
Подякували: FakiNyan1

8

Re: Чому margin не рухає div блок???

ну слухайте, зробив я float: right; тепер воно в самому правому кутку, а тепер робити великий margin зправа, щоб встановити на потрібне місце? це вірно?

All you want is a dingle,
What you envy's a schwang,
A thing through which you can tinkle,
Or play with, or simply let hang...

9

Re: Чому margin не рухає div блок???

краще загорнути це все в дів шириною 50%

Подякували: FakiNyan1