Позиционирование div'a

[HeIek]

Здравствуйте.

Подскажите пожалуйста как отпозиционировать див по горизонтали, что бы он был всегда в центре?

Вот css

#head1 {

background:url(../images/bg_h.png);

position:absolute;

margin-top:30px;

float:left;

height: 195px;

width: 100%;

z-index:1;

}#head2 {

background:url(../images/head.png);

background-repeat:no-repeat;

background-position:center;

position:absolute;

margin-left:20%;

float:left;

height:276px;

width:800px;

z-index:2;

}

На сколько это правильно вообще? И что поставить вместо 20% что бы он всегда был по центру?

Сам сайт www.laserhall.org

Заранее всем буду благодарен.

[npofopr]

тебе бы его поместить внутрь какого нибудь дива...

по идее там margin:0 auto; надо делать, наверно

[psywalker]

А где структура?

[panig]

эмм position: absolute; top: 50%; left: 50%;

[HeIek]

тебе бы его поместить внутрь какого нибудь дива...

по идее там margin:0 auto; надо делать, наверно

Хотел поместить всё в див и бэкграунд приделать, но ширина должна быть head 1 в 2 раза меньше чем head 2

А где структура?

<div id="head1"> <?php /*?> Это у нас идёт фон под логотипом во всю страницу шириной <?php */?>

</div>

<div id="head2"></div> <?php /*?>Это объёмный фон с тенью<?php */?>

Сори, исправился.

эмм position: absolute; top: 50%; left: 50%;

Увело в право в край....

[panig]

а а, по горизонтали. тогда без left: 50%;

если нужно чтобы вообще всегда был, то position: fixed. (:

[HeIek]

а а, по горизонтали. тогда без left: 50%;

если нужно чтобы вообще всегда был, то position: fixed. (:

Мне нужно что бы всегда был по центру и на верху. при position: fixed он прокручивается со страницей.

Я имею ввиду что, что бы при разных разрешениях экрана он был просто по центру по горизонтали.

[panig]

ой.

нужно же сделать этот объемный фон с тенью по середине?

можно задний фон, этого же дива оставить в одно диве с 100% шириной и добавить еще один див, в который поместить объемный фон. Задать ему ширину и margin: 0 auto;

вроде так

[psywalker]

Хотел поместить всё в див и бэкграунд приделать, но ширина должна быть head 1 в 2 раза меньше чем head 2

<div id="head1"> <?php /*?> Это у нас идёт фон под логотипом во всю страницу шириной <?php */?>

</div>

<div id="head2"></div> <?php /*?>Это объёмный фон с тенью<?php */?>

Сори, исправился.

Увело в право в край....

Если нужно чтобы оба дива были по середине, то засунь их в общий контейнер, ему назначь ширину и margin: 0 auto;