✔ Content unter Header-Bild

[Kalma]

HEy,

ich habe ein klitzekleines Problem^^..

Ich habe ein Header-Bild (im Anhang), wo etwas absichtlich übersteht...

Nun will ich es so haben, dass der Content Berreich und das Menü direkt an der Schwarzen Stelle beginnen (siehe Anhang) und das überstehende ein bisschen über den content ragt.

Wie geht das?


Mein bisheriger Ausschnitt aus der datei index.php

	<div id="wrapper">
		<div id="kopf">&nbsp;</div>
	</div>

mein bisheriges css

#wrapper {
	width:797;
		
	margin:0px auto;
	padding:0px;
}

#kopf {
	width:100%;
	height:197px;

	background:url(../images/header.jpg);
	
	margin:0px;
	padding:0px;
}

Wär geil, wenn ihr mir helfen könntet...

David

 

[Maik]

Ich denke, daß du die Grafik an der entsprechenden Stelle in zwei Teile slicen, und den unteren Teil wiederum als Hintergrundbild für das Content-DIV einsetzen mußt.

Ansonsten würde der Inhalt die Grafik überdecken, oder eben anders herum.

 

[Kalma]

Hey.


geht es denn nicht auch anders?

MfG
David

 

[Maik]

Wie gesagt, wenn du das Content-DIV an der unteren schwarzen Grenze ausrichtest / positionierst, überdeckt entweder der Inhalt den unteren Grafikausschnitt, oder der Grafikausschnitt überlagert den Inhalt, je nachdem, welche Schichtpositionen die beiden Elemente besitzen.

Ansonsten probier es mal mit folgendem Stylesheet:

#content {
position: relative;
margin-top: -75px;
z-index: 2;
}