Im FF gehts im IE nicht. Div Box mit Link

Stemmi · 05.11.2011, 10:49

Hallo!

Im Firefox geht es perfekt, daß mein Bild angezeigt wird und an den beiden gewünschten Stellen ein Link erscheint. Aber im IE nicht.

Hat jemand eine Idee wie ich das auch im IE lösen kann?

Code:

<div class="app" style="position: relative; background: #fff; padding: 10px 0 10px 10px;">
<img src="http://www.meineurl.de/banner_250x250px.png" alt="App" />
<a href="http://www.link1.de" target="_blank" style="position: absolute; top: 213px; left: 8; display: block; width: 90px; height: 40px; z-index:10;"></a>
<a href="https://www.link2.de" target="_blank" style="position: absolute; top: 170px; left: 8; display: block; width: 90px; height: 45px; z-index:10;"></a>						
</div>

Vielen Dank!

fab · 05.11.2011, 11:08

Zitat:

Zitat von Stemmi

Aber im IE nicht.

Sondern?

ChrisB · 05.11.2011, 12:37

Code:

left: 8;

Stemmi · 06.11.2011, 10:41

Fab im IE wird das Bild zwar korrekt angezeigt, aber die beiden Links nicht im Bild.
Im FF sind die 100% korrekt platziert an der Stelle wo ich sie brauche ( ist ein Werbebanner wo ich 2 Links zu 2 verschiedenen Seiten hinterlegt habe ).

CHrisB was genau meinst Du? Wenn ich left: 8; raus nehme geht es trotzdem nicht.

fab · 06.11.2011, 10:52

"8" ist keine gültige Maßangabe in CSS. Vergleich es doch mal mit den anderen Angaben.

Stemmi · 06.11.2011, 10:57

Ok Du hast Recht. Brachte im IE aber trotzdem nichts. Wie gehabt im FF perfekt, aber im IE zeigt der beide Links nicht an in dem Bild.

fab · 06.11.2011, 11:11

Schau mal: Testseite

Funktioniert zumindest im IE 9 einwandfrei. Vielleicht liegt es also an anderen Faktoren, was mach z.B. die CSS-Klasse "app"?

ChrisB · 06.11.2011, 11:38

HTML und CSS validiert?
Onlinebeispiel?

Stemmi · 06.11.2011, 11:44

Ok hier Live Beispiel:

fab · 06.11.2011, 11:46

Bevor ich mir das näher ansehe: Sind dir Image Maps ein Begriff?

Edit: Navigier mal mit TAB, du wirst sehen dass die Links durchaus an der richtigen Stelle stehen aber entweder greift z-index nicht oder (was ich vermute) der IE lässt kein Anklicken zu, da das Element leer ist. Ein geschütztes Leerzeichen als Inhalt ( ) könnte Abhilfe schaffen.

Nichtsdestotrotz wären Image Maps hier eigentlich das Mittel der Wahl, die sind genau für diesen Anwendungsfall gedacht.

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
für jedes Forum Link erstellen außer wenn Link vorhanden	uncharted	PHP Einsteiger	7	24.09.2011 22:52
[Erledigt] Link wird falsch angezeigt	jotpunktbee	PHP Einsteiger	9	14.08.2011 14:31
[Erledigt] facebook bild link	mistermint	PHP Einsteiger	1	13.08.2011 17:01
[php] File Upload script - hochgeladener Link verschlüsseln und automatisch löschen	staybb	PHP Einsteiger	7	18.03.2011 13:01
Eine Seite mit allen GET-Variablen in Link übernehmen	snemies	PHP Tipps 2009	5	30.10.2009 15:40
[Erledigt] gesamte Spalte in Array abspeichern	Kotbatzen	PHP Tipps 2009	23	05.09.2009 00:01
Link mit ID in Echo einbinden	Mitch26	PHP Tipps 2009	4	06.08.2009 17:02
[Erledigt] mail() mit <a herf... Link in Html Mail geht nicht!?	BettinaSyn	PHP Tipps 2009	11	16.05.2009 22:28
erst beim zweiten Login funktioniert Link	scarry_77	PHP Tipps 2009	5	14.04.2009 00:35
Klick auf Seitenobjekt (Link mit onClick Ereigniss) mit JScript simulieren	Stephan_87	JavaScript, Ajax und mehr	1	22.12.2008 21:50
Daten aus MySQL-abfrage zum Link mit id zusammensetzen	maccoder	Datenbanken	2	13.09.2005 16:49
Suche Tipps für Persormance-Steigerung (Geld für Nützliches)		Beitragsarchiv	18	16.08.2005 10:57
absoluter link		PHP Tipps 2004	10	01.07.2004 23:00
PHP Link ???		PHP Tipps 2004	4	25.06.2004 17:24


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

05.11.2011, 12:37
ChrisB Moderator¹ Registriert seit: 28.03.2010 Beiträge: 7.470 PHP-Kenntnisse: Fortgeschritten	Code: left: 8; __________________ RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

06.11.2011, 10:41
Stemmi Benutzer Registriert seit: 23.04.2005 Beiträge: 35 PHP-Kenntnisse: Anfänger	Fab im IE wird das Bild zwar korrekt angezeigt, aber die beiden Links nicht im Bild. Im FF sind die 100% korrekt platziert an der Stelle wo ich sie brauche ( ist ein Werbebanner wo ich 2 Links zu 2 verschiedenen Seiten hinterlegt habe ). CHrisB was genau meinst Du? Wenn ich left: 8; raus nehme geht es trotzdem nicht. __________________ Filmstarts

06.11.2011, 10:52
fab Erfahrener Benutzer Registriert seit: 28.07.2010 Beiträge: 2.308 PHP-Kenntnisse: Fortgeschritten	"8" ist keine gültige Maßangabe in CSS. Vergleich es doch mal mit den anderen Angaben. __________________ PHP Blog + Library CSS Effects + Tools

06.11.2011, 10:57
Stemmi Benutzer Registriert seit: 23.04.2005 Beiträge: 35 PHP-Kenntnisse: Anfänger	Ok Du hast Recht. Brachte im IE aber trotzdem nichts. Wie gehabt im FF perfekt, aber im IE zeigt der beide Links nicht an in dem Bild. __________________ Filmstarts

06.11.2011, 11:11
fab Erfahrener Benutzer Registriert seit: 28.07.2010 Beiträge: 2.308 PHP-Kenntnisse: Fortgeschritten	Schau mal: Testseite Funktioniert zumindest im IE 9 einwandfrei. Vielleicht liegt es also an anderen Faktoren, was mach z.B. die CSS-Klasse "app"? __________________ PHP Blog + Library CSS Effects + Tools

06.11.2011, 11:38
ChrisB Moderator¹ Registriert seit: 28.03.2010 Beiträge: 7.470 PHP-Kenntnisse: Fortgeschritten	HTML und CSS validiert? Onlinebeispiel? __________________ RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

06.11.2011, 11:44
Stemmi Benutzer Registriert seit: 23.04.2005 Beiträge: 35 PHP-Kenntnisse: Anfänger	Ok hier Live Beispiel: __________________ Filmstarts Geändert von Stemmi (07.11.2011 um 08:23 Uhr).

06.11.2011, 11:46
fab Erfahrener Benutzer Registriert seit: 28.07.2010 Beiträge: 2.308 PHP-Kenntnisse: Fortgeschritten	Bevor ich mir das näher ansehe: Sind dir Image Maps ein Begriff? Edit: Navigier mal mit TAB, du wirst sehen dass die Links durchaus an der richtigen Stelle stehen aber entweder greift z-index nicht oder (was ich vermute) der IE lässt kein Anklicken zu, da das Element leer ist. Ein geschütztes Leerzeichen als Inhalt ( ) könnte Abhilfe schaffen. Nichtsdestotrotz wären Image Maps hier eigentlich das Mittel der Wahl, die sind genau für diesen Anwendungsfall gedacht. __________________ PHP Blog + Library CSS Effects + Tools Geändert von fab (06.11.2011 um 11:50 Uhr).