img von div überlappt

[Animal21]

Hallo leute,
ich würd gern folgendes realisieren:
______________
|....................|
|..__________..|
|_|..............|_|
...|..............|
...|..............|

also die obere box soll ein img-tag sein und das darunter ist ein div, welches den inhalt der seite inne hat.
ich hatte es vorher so, dass das umschließende (das oberste) div-tag ein background eingenschafft hatte, aber bei js lässt sich leider nicht NUR das bg-image faden, sodass ich es nur mit einem img-tag hinbekomme.
meine frage ist, wie ich den img-tag mit dem div überlappen kann.

<div id='wrapper'>
     <div id='imgHolder'><img src='...'></div>
     <div id='page'>
            jede menge inhalt...
     </div>
</div

hatte probiert den imgHolder per position:relativ bzw absolute zu fixieren, aber das ging irgendwie nicht richtig. :((

danke schonmal

mfg
ani

 

[Space Vampire]

So etwa

.imgHolder{
	position:absolute;
	z-index:-1;
	top:0;
	width:100%;
	text-align:center;
}

.page{
	width:600px;
	height:600px;
	margin:100px auto 0 auto;
	background-color: black;
}

<div class="imgHolder">
	<img src="pfad/zum/bild.jpg" width="800" height="200">
</div>
<div class="page">
	Inhalt
</div>

 

[Animal21]

ach den index auf -1...
vielen dank, geht.

 

[threadi]

hatte probiert den imgHolder per position:relativ bzw absolute zu fixieren, aber das ging irgendwie nicht richtig. :(

Damit warst du schon auf dem richtigen Weg. Hast nur die z-index-Eigenschaft übersehen. Den Weg von Space Vampire würde ich so nicht gehen, da das ggfs. Probleme mit dem IE geben könnte.

 

[Space Vampire]

Echt?
hatte es nur mit dem 8er getestet.
Da war alles gut.

 

[Animal21]

inwiefern probleme, bzw was könnte sie verursyachen?, der negative index?

 

[threadi]

Betreffend IE siehe:
Conflicting Z-Index in IE6 at Advanced CSS Design Resources – last-child.com
Cascading Style Sheets { Vollreferenz zu CSS 1 und CSS 2.1 : Z-INDEX }

Betreffend FF:
SELFHTML: Stylesheets / CSS-Eigenschaften / Positionierung und Anzeige von Elementen

Aktuelle Versionen der Browser sind nicht betroffen.