VPF::margin: 0 auto не работает - Форум программистов

liliana2

Дата 1.11.2008, 11:05 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 178
Регистрация: 19.11.2007

Репутация: нет
Всего: нет

проблема, сабж, не могу никак разобраться, подскажите пожалуйста

Код


<body>
<!-- Wrapper -->
<div id="wrapper">
    <div class="bg"></div>

    <!-- central content block -->
    <div class="columns">
        <!-- left column -->
        <div class="column_left">
            <div class="logo"></div>
        </div>
        <!-- /left column -->
    
        <!-- right column -->
        <div class="column_right">
            <div class="stickers"></div>
            <p>Çàãîëîâî ÷åãî òî òàì</p>
        </div>
        <!-- /right column -->
    <div class="clear"></div>
    </div>
    <!-- /central content block -->
    <div class="clear footer_fix"></div>
</div>
<!-- /Wrapper -->

<!-- Footer-->
<div id="footer">Ðàçðàáîòêà càéòîâ <a href="#">Ðîñáèçíåñäèçàéí</a></div>
<!-- /Footer-->

</body>

Код


#wrapper {
    margin: 0 auto -50px auto;
    min-height: 100%;
    width: 100%;
    background: #efe9e9 url('../i/bg/body.gif') repeat-x 0 0;
}
#wrapper div.bg  {
    width: 1020px;
    height: 500px;
    background: transparent url('../i/bg/head.gif') no-repeat 0 0;
    position: absolute;
    top: 0;
    left: 0;
}
* html #wrapper {
    height: 100%;
}

/*   columns */
.columns {
    clear: both; 
    width: 100%; 
}
.column_left, .column_right { 
    float: left; 
}
.column_left {
    width: 241px;
    height: 100%;
    position: relative;
    z-index: 1;
}
.column_left div.logo {
    width: 241px;
    height: 272px;
    background: transparent url('../i/bg/logo.gif') no-repeat 0 0;
}
.column_left.logo a {
    width: 331px;
    height: 84px;
    display: block;
}
.column_right {
}
.column_right div.stickers {
    float: none;
    background: transparent url('../i/bg/stickers.png') no-repeat 0 0;
    position: relative;
    z-index: 1;
    width: 613px;
    height: 343px;
    margin: 0 auto;
}

bars80080

Дата 1.11.2008, 12:59 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

для ИЕ надо добавлять

Код


body { text-align: center; }

webster

Дата 1.11.2008, 21:06 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 361
Регистрация: 1.1.2007

Репутация: 34
Всего: 34

Как он может сработать, когда вы указали ширину этого элемента в 100%, т.е. от края до края окна броузера:

Код


#wrapper {
    margin: 0 auto -50px auto;
...
    width: 100%;
...

P.S. Никогда не ставьте в коде HTML два комментария подряд, как здесь:

Код


        <!-- /left column -->
    
        <!-- right column -->

Это может добавить ненужный пробел в IE и привести к неконтролируемому развалу верстки.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »