[Erledigt] Problem mit position:absolute und z-index

Sniper_Kotaro · 01.02.2012, 13:38

Hey ho!

Ich habe das Problem, dass ich mehrere Objekte übereinanderlegen will.
Auf einem Hintergrundbild soll ein Text und ein weiteres Bild zu sehen sein.

Ich habe das soweit hinbekommen, im IE siehts auch toll aus, nämlich so:

Wenn ich das Bild jetzt allerdings mit dem FireFox öffne, sehe ich NUR das Hintergrundbild, also weder den Text, noch das (hier schwarze) Foto rechts.

Hat das was mit der Positionierung zu tun?
Die Bilder/Text sollten doch übereinander liegen.
So wie im IE auch...

Zuvor habe ich an dieser Stelle mit z-index gearbeitet, aber ich habe das nun rausgenommen und es wird im IE trotzdem richtig und im FF trotzdem falsch dargestellt.

Ich benutze übrigens IE 8 und FF10.

Hier mal der HTML-Code, den ich habe:

Code:

<HTML>
	<HEAD><TITLE>Ihr Ansprechpartner</TITLE></HEAD>
	<style type="text/css"> 
		<!--
		body{
		margin-top: 0px;
		margin-left: -5px;
		}
		//-->
	</style>
	<BODY BGCOLOR="#ffffff" TEXT="#023e96" onBlur="self.close();">
		<DIV ALIGN=CENTER>
			<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 VALIGN="MIDDLE">
				<TR><TD>
				<div style="position:absolute; top:0px; left:0px;">
					<IMG SRC="../../images/AP-Hintergrund.jpg" WIDTH=314 HEIGHT=192 BORDER=0 ALT="Ihr Ansprechpartner" 
					onclick="self.close();">
				</div>
				<div style="position:absolute; top:15px; width:200px; left:26px; font-size:15px;">
					<b>Dr. Blub <br/> Business Application <br/><br/> blub GmbH <br/> Blubstraße 1 <br/> 99999 Blub <br/><br/>
					Telefon: +49 777 7777-7777 <br/> blub@blub.com </b>
				</div>
				<div style="position:absolute; top:60px; left:220px;">
					<IMG SRC="../../images/AP.jpg" WIDTH=75 HEIGHT=90 ALT="Ihr Ansprechpartner">
				</div>
				</TD>
				</TR>
			</TABLE>
		</DIV>
	</BODY>
</HTML>

Sieht jemand, was der Fehler ist?

Connar · 01.02.2012, 13:49

Also bei mir wird es wie erwartet im FF angezeigt. Ist allerdings auch 3.6.25. Die Reihenfolge der divs sollte ansich auch dafür sorgen, dass das letzte Element als oberstes ist.

Gibt es einen Grund, warum du den Hintergrund nicht als Hintergrund sondern als normales Bild einbindest?

MFG Connar

Sniper_Kotaro · 01.02.2012, 13:54

Hey Connar,

bei dir wird also alles so angezeigt, wie in dem Bild, das ich oben angehängt habe?
Das ist ja noch merkwürdiger!!

Nein, es gibt keinen Grund dafür, warum ich das Bild nicht als Hintergrund eingebunden habe.

Wolfsblut · 01.02.2012, 13:58

ff 3.6 != ff 10

läuft firebug noch nicht auf dem 10er?

Connar · 01.02.2012, 14:01

Wenn es keinen Grund gibt, dann binde es doch als Hintergrund ein, vor allem weil es dann auch die logische Struktur besser wiedergibt.

Im Chrome 16 (und wie bei dir IE 8 ) wird es übrigens auch richtig angezeigt.

MFG Connar

Sniper_Kotaro · 01.02.2012, 14:07

Ok, das ist ein guter Rat gewesen, Connar!
Ich habe es als Hintergrundbild eingerichtet und nun funktioniert es!

Danke für eure Hilfe!!!

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Autom. erstellter Index in InnoDB	hausl	Datenbanken	8	17.10.2011 08:52
[Erledigt] $_POST index als Variable	EG2011	PHP Einsteiger	5	09.10.2011 19:51
Fehlende Werte im Index füllen	akogler	Datenbanken	6	29.12.2010 20:49
[Erledigt] jQuery: current index	Paul.Schramenko	JavaScript, Ajax und mehr	34	19.07.2010 10:30
Problem Upload mehrere Dateien und schreiben in DB	Lapje	PHP Tipps 2008	1	22.10.2008 13:12
utf8 Problem (Daten aus DB auslesen)	go1denboy	PHP Tipps 2008	1	23.09.2008 12:19
Problem mit swfobjects	R4v3r	JavaScript, Ajax und mehr	8	21.09.2008 14:17
Prototype Ajax Array Datenmüll	notyyy	HTML, Usability und Barrierefreiheit	2	08.04.2008 10:57
MATCH .... AGAINST ... Problem	Denise	Datenbanken	4	21.03.2007 20:05
Index vom Array zurücksetzen	kampfnickel	PHP Tipps 2007	6	08.01.2007 17:24
datensätze defekt oder problem mit dem einlesen?	Ministry	Datenbanken	4	06.07.2006 18:42
problem!!!		PHP Tipps 2006	6	08.02.2006 11:06
[Erledigt] wieder ein Problem bei phpmailer und smtp		PHP Tipps 2006	24	07.02.2006 01:07
problem mit weiterleitung		PHP-Fortgeschrittene	1	21.08.2005 19:20
Problem mit alter JavaScript-Funktion	woods	PHP Tipps 2004	1	13.08.2004 13:34

01.02.2012, 13:38
Sniper_Kotaro Erfahrener Benutzer Registriert seit: 04.03.2009 Beiträge: 303 PHP-Kenntnisse: Anfänger	[Erledigt] Problem mit position:absolute und z-index Hey ho! Ich habe das Problem, dass ich mehrere Objekte übereinanderlegen will. Auf einem Hintergrundbild soll ein Text und ein weiteres Bild zu sehen sein. Ich habe das soweit hinbekommen, im IE siehts auch toll aus, nämlich so: Wenn ich das Bild jetzt allerdings mit dem FireFox öffne, sehe ich NUR das Hintergrundbild, also weder den Text, noch das (hier schwarze) Foto rechts. Hat das was mit der Positionierung zu tun? Die Bilder/Text sollten doch übereinander liegen. So wie im IE auch... Zuvor habe ich an dieser Stelle mit z-index gearbeitet, aber ich habe das nun rausgenommen und es wird im IE trotzdem richtig und im FF trotzdem falsch dargestellt. Ich benutze übrigens IE 8 und FF10. Hier mal der HTML-Code, den ich habe: Code: <HTML> <HEAD><TITLE>Ihr Ansprechpartner</TITLE></HEAD> <style type="text/css"> <!-- body{ margin-top: 0px; margin-left: -5px; } //--> </style> <BODY BGCOLOR="#ffffff" TEXT="#023e96" onBlur="self.close();"> <DIV ALIGN=CENTER> <TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 VALIGN="MIDDLE"> <TR><TD> <div style="position:absolute; top:0px; left:0px;"> <IMG SRC="../../images/AP-Hintergrund.jpg" WIDTH=314 HEIGHT=192 BORDER=0 ALT="Ihr Ansprechpartner" onclick="self.close();"> </div> <div style="position:absolute; top:15px; width:200px; left:26px; font-size:15px;"> <b>Dr. Blub <br/> Business Application <br/><br/> blub GmbH <br/> Blubstraße 1 <br/> 99999 Blub <br/><br/> Telefon: +49 777 7777-7777 <br/> blub@blub.com </b> </div> <div style="position:absolute; top:60px; left:220px;"> <IMG SRC="../../images/AP.jpg" WIDTH=75 HEIGHT=90 ALT="Ihr Ansprechpartner"> </div> </TD> </TR> </TABLE> </DIV> </BODY> </HTML> Sieht jemand, was der Fehler ist? __________________


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

01.02.2012, 13:49
Connar Erfahrener Benutzer Registriert seit: 22.01.2005 Beiträge: 606	Also bei mir wird es wie erwartet im FF angezeigt. Ist allerdings auch 3.6.25. Die Reihenfolge der divs sollte ansich auch dafür sorgen, dass das letzte Element als oberstes ist. Gibt es einen Grund, warum du den Hintergrund nicht als Hintergrund sondern als normales Bild einbindest? MFG Connar

01.02.2012, 13:54
Sniper_Kotaro Erfahrener Benutzer Registriert seit: 04.03.2009 Beiträge: 303 PHP-Kenntnisse: Anfänger	Hey Connar, bei dir wird also alles so angezeigt, wie in dem Bild, das ich oben angehängt habe? Das ist ja noch merkwürdiger!! Nein, es gibt keinen Grund dafür, warum ich das Bild nicht als Hintergrund eingebunden habe. __________________

01.02.2012, 13:58
Wolfsblut Erfahrener Benutzer Registriert seit: 30.12.2011 Beiträge: 208 PHP-Kenntnisse: Fortgeschritten	ff 3.6 != ff 10 läuft firebug noch nicht auf dem 10er?

01.02.2012, 14:01
Connar Erfahrener Benutzer Registriert seit: 22.01.2005 Beiträge: 606	Wenn es keinen Grund gibt, dann binde es doch als Hintergrund ein, vor allem weil es dann auch die logische Struktur besser wiedergibt. Im Chrome 16 (und wie bei dir IE 8 ) wird es übrigens auch richtig angezeigt. MFG Connar

01.02.2012, 14:07
Sniper_Kotaro Erfahrener Benutzer Registriert seit: 04.03.2009 Beiträge: 303 PHP-Kenntnisse: Anfänger	Ok, das ist ein guter Rat gewesen, Connar! Ich habe es als Hintergrundbild eingerichtet und nun funktioniert es! Danke für eure Hilfe!!! __________________