позиционирование

[wert-one]

Добрый день!

Нужна помощь!

Помогите разобратся с позиционированием. есть 3 блока и css к ним:

<div class="header">

</div>

<div class="bar">

</div>

<div class="slider">

</div>

div.bar {

background-image: url(images/bar.png);

height: 50px;

width: 1000px;

margin: auto;

margin-top: -25px;

position: absolute;

}

div.header {

background-image: url(images/fon.png);

height: 151px;

width: 1200px;

margin: auto;

}

div.slider {

background-image: url(images/slider.png);

height: 300px;

width: 1200px;

margin: auto;

}

Блок BAR встает к левому краю страницы хотя задан для него margin: auto;

Если отключить position: absolute; то он встает по центру, но дает зазор с div.slider

мне нужно понять как сделать как на картинке (прилогаю)

[Kray Storm]

Можно так: http://jsfiddle.net/WHXyN/

Или так: http://jsfiddle.net/WHXyN/1/

Edited April 27, 2013 by Kray Storm