✔ Problem mit Überlappung

[roundaboutmedia]

Hallo zusammen, ich habe ein kleine oder besser gesagt großes Problem.
Ich habe einen Headder der ein Bild hat das 500px Hoch in einem DIV liegt, als Hintergrundbild.
Das Bild ist Transparent als PNG gespeichert um die Mitte zu nutzen.
Das ganze passt auch so ganz gut, jetzt ist nur das Problem das ich auf den Text in der Mitte nicht mehr drauf zugreifen kann weil das Bild irgendwie davor liegt.
So das mal zur Problematik damit Ihr wisst wovon ich rede schaut euch die Seite mal an und hoffentlich hat jemand einen Lösungsansatz ohne alles nochmal neu zu machen
http://www.kebaphaus.eu

 

[goto;]

Hallo, versuch es mal mit

z-index:10;

Damit kannst du die Ebenen sortieren.Mfg

 

[roundaboutmedia]

bei welchem DIV meinst du oder bei allen?

 

[goto;]

bei deinem Text bsp:

<div style="z-index:10;">Text 1</div>

Somit ist dein Text vorn. Insofern du dem Bild keine Ebene zugeordnet hast.
wenn du eine style.css hast kannst du es auch dort hinein schreiben.

<style>
.div {
font-family:arial;
font-size:12px;
z-index:10;
}
</style>

 

[Maik]

Moin,

der Lösungsansatz mit z-index ist zwar richtig, aber die Angabe zur Schichtposition bleibt ohne die position-Eigenschaft (absolute oder relative) wirkungslos.

Angewendet muß dies in der Seite ausschließlich auf den DIV-Block #content:

#content {
	width: 650px;
	padding-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 140%;
	font-weight: normal;
	color: #FFFFFF;
	font-style: normal;
	float: right;
	margin-right: 112px;
	margin-top: 250px;
	position: relative;
	z-index: 2;
}

mfg Maik

 

[roundaboutmedia]

Du bist der Beste!!
Eine Einstellung und alles geht so wie ich mir das vorgestellt hab, danke nochmal.