• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Überlappung von div elementen

M

marcoo_de

New member
Hallo,
habe ein Problem. Möchte auf meiner Homepage ein typisches "4-Frame" Layout machen. jetzt hab ich das Problem, dass die Navigation also div "links" den Banner überschneiden soll, d.h. im Vordergrund sein soll, tut es aber nicht. Dasselbe gilt auch für den Inhalt in der Mitte, der soll auch den Banner überlappen.
Ich weiss dass es mit z-index funktioniert, dass aber nur bei absoluter Positionierung die ich nicht verwenden möchte, da dann #bottom nicht richtig mitscrollt. Die Seite ist: http://www.mh-itservice.com

Hat jemand eine Lösung für mein Problem??
Besten Dank

#banner {
margin:15px 0 0 15px;
height: 120px; }

#links {
margin:0 0 0 15px;
float:left;
width:175px;}

#mitte {
margin:30px 0 0 15px;
max-width:595px;}

#bottom {
height: 90px;
clear:left;
margin:0 0px 0 15px;}
 
Beseitige bitte erstmal Deine Kommentarfehler
und die verschiedenen z-indexes:
Code: 
#links {
	margin:0 0 0 15px;
	float:left;
	width:175px;
	[B]/*[/B]
	positon:absolute;
	[B]z-index:1;[/B]
	margin:0 0 0 15px;
	float:left;
	width:175px;
	/*padding:10px 10px 10px 30px;
	width:35%;
	float:left;
    [B]/*[/B]position:absolute;
	top:130px;
	left: 15px;
	font-size:80%;
	[B]z-index:2;[/B]
	
	/*width: 200px;
    float: left;
	z-index: 2;*/
}
 
Danke für deine Antwort.
"Fehler" sind weg. Komischerweise hat Dreamweaver sie also Kommentar erkannt...und wie gehts weiter?? :)
 
Zuletzt bearbeitet:
Probiere mal ein paar Einstellungen aus...
Code: 
#links {
[B]position:absolute;[/B]
	margin:0 0 0 15px;
	float:left;
	width:175px;
}
#mitte {
[B]position:absolute;
left:175px;[/B]
	margin:30px 0 0 15px;
	max-width:595px;
}
 
Also so weit ich weiss, furnktioniert bei absoluter positionierung der float nicht. Hab wirklich schon alles ausprobiert. Bin z.Z. am versuchen es über absolute Positionierung zu machen, jetzt hab ich aber das Problem mit meinem balken am Ende. Er soll logischerweise mit dem Inhalt der Mitte mitscrollen. Tut er aber nicht!
 
Nein das ist es leider auch nicht;-)
Schon komisch, kleines Problem aber riesen Aufwand!
Wie gesagt hab jetzt das Problem, dass der Bottom-Balken mit dem Hauptinhalt nicht mitscrollt. Wenn man auch Kontakt klickt, wird das Problem sichtbar...
Hab jetzt aus lauter Verzweiflung das Bild einfach in meine index.php eingefügt, obwohl ich da nur in den Div's die Bereiche includen wollte. Ich weiss nimmer weiter. Ich könnte den Balken ja unter dem Hauptinhalt einfügen, nur dann muß ich das auf jeder Seite machen, das ist umständlich!
Schade... :confused:
 
Und wenn Du das
Code: 
<img src="image/bottom.gif" width="772" height="39">
in ein eigenes Div packst und es als letztes Element in die Seiten includest?
 
Dann hab ich das Problem das bei absoluter Positionierung das Ding nicht mit dem Inhalt mitscrollt. Ich versuchs jetzt nochmal so, meinen Banner zu ändern und dem Farbverlauf einen extra Div über dem Inhalt zu geben.
Danke aber trotzdem für deine Hilfe...
marco
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben