div i z-index

[JBR]

'bar dan. Imam jedan problem sa pozicioniranjem diva (ne onih golemih ;P) kad je u ccs i z-index:1. I totally forgot kako se radi sa div-ima, opet sam pročitao par tuts i to, ali nemam ideje više...Evo slikice šta hoču da dobijem:


To sam zamislio da uradim tako, da centriram #header/news sa margin:0 auto, position:relative, a na one #info dodam z-index:1 i centriram na isti način ali top/left:2XXpx.

Ali ako :relative, onda #header/news polude, ako absolute onda ne znam kako da centriram/pozicioniram sve skupa ...
Ako stavim u kodu #info ispod #news, onda su hidden....

Kako to riješim? Ako ima možda netko neki link, hint ili sedam, dijelić kode...
Puno hvala.

[strija]

Ovako na brzinu:

Code:

#header { margin: 0 auto; width: 500px; height: 200px; background-color: #06f; }    #news { margin: 10px auto; width: 500px; height: 500px; background-color: #06f; position: relative; }       #info { position: absolute; width: 200px; height: 200px; top: 20px; right: -120px; background-color: #f03; }       #info2 { position: absolute; width: 200px; height: 200px; top: 240px; right: -120px; background-color: #f03; }

Code:

<div id="header"></div> <div id="news">    <div id="info"></div>    <div id="info2"></div> </div>

[JBR]

oo kužim, super simple! puno hvala!

[strija]

JBR wrote:

oo kužim, super simple! puno hvala!

NP