Internet Explorer 9 stellt Link als einziger Browser richtig dar

mentalman · 18.05.2011, 14:06

Hallo,

ich habe hier ein wirklich nerviges Problem, und finde die Lösung nicht.
Ich lasse PHP folgenden Code ausgeben um die Bilder einer Galerie aufzulisten:

Code:

echo '<div class="galeriebilder"><a href="img/bilder/restaurant/'.$image.'" rel="lightbox[restaurant]"><img src="img/bilder/restaurant/'.$image.'" name="test" width="110"></a></div>';

Das CSS dazu sieht folgendermaße aus:

Code:

.galeriebilder {
  float: left;
  position: relative;
  padding: 2px;
  border: 1px solid #ffffff;
  margin-right: 9px;
  margin-bottom: 9px;
}

Das klappt auch alles wirklich ganz super - allerding nur im Internet Eplorer 9.
Alle anderen Browser (Firefox, Opera, Chrome und Safari) listen zwar die Bilder schön ordentlich auf, aber es wird kein Link für die einzelnen Bilder generiert. Es ist nichteinmal so, dass die Links tot sind, sie sind gar nicht erst vorhanden, also der Mauszeiger verändert sich auch nicht.

Wenn ich nun aber bis auf obenstehende CSS-Definition alle anderen Definitionen aus dem File lösche, klappt es auch in den anderen Browsern.
Es muss also eine der anderen CSS-Beschreibungen irgendwie querschiessen.
Meine erste Idee war natürlich, dass irgendein

Code:

a {
  ...
}

verantworlich ist. Aber alle Linkdefinitionen beziehen sich auf die zugehörigen Elternelemente wie beispielsweise

Code:

li a {
  ...
}

Wüsste jemand aus dem Stegreif, welche anderen CSS-Definitionen sonst noch Probleme bereiten könnten?

eagle275 · 18.05.2011, 14:28

vielleicht liegt es an deinem float .... der macht nämlich aus dem inline-Element <a (Link) ein Block-Element .... wenn ich mich nich irre .. sollte aber eigentlich nicht verhindern, dass der Link noch ein Link ist ....

mentalman · 18.05.2011, 14:33

Zitat:

Zitat von eagle275

vielleicht liegt es an deinem float .... der macht nämlich aus dem inline-Element <a (Link) ein Block-Element .... wenn ich mich nich irre .. sollte aber eigentlich nicht verhindern, dass der Link noch ein Link ist ....

Ne, das ist es leider auch nicht!
Das

Code:

rel="lightbox[restaurant]"

für die Lightbox trägt auch keine Schuld.

eagle275 · 18.05.2011, 14:43

dann musst du halt die anderen CSS prüfen

html
*
a
div a
....

ChrisB · 18.05.2011, 15:00

Zitat:

Zitat von mentalman

Ich lasse PHP folgenden Code ausgeben

Bei einem clientseitigen Problem ist serverseitiger Code absolut uninteressant.

Stelle bitte ein vollständiges, valides, aber auf's wesentliche reduzierte Online-Beispiel bereit, an dem man das Problem nachvollziehen kann.

mentalman · 18.05.2011, 15:01

ich habs!
oh man, die ul, aus der das hauptmenü auf der linken seite besteht, hatte keine width und breitete sich damit offensichtlich bis nach rechts über die bilder aus und hat damit wohl die links verdeckt...

gott sei dank steht die definition für das ul ziemlich weiten oben im css-file...

trotzdem danke!

mentalman · 18.05.2011, 15:27

Zitat:

Zitat von ChrisB

Bei einem clientseitigen Problem ist serverseitiger Code absolut uninteressant.

Stelle bitte ein vollständiges, valides, aber auf's wesentliche reduzierte Online-Beispiel bereit, an dem man das Problem nachvollziehen kann.

Es heisst doch immer, wir sollen möglichst genau aufschreiben, was wir wie machen und wie wir vorgehen?

eagle275 · 18.05.2011, 15:34

das ist zwar grundsätzlich richtig .. aber "ALLES" sind wohl kaum eine kleine css-Definition und der PHP-Code bestehend aus 1 Zeile, die Html ausgibt - daran kann man ja nicht mal sehen, ob dein Browser etwa irrtümlich den Quirksmode nimmt und dir die Seite deswegen verhaut - also bei CSS-Problemen wird ein Online-Beispiel bevorzugt

ChrisB · 18.05.2011, 15:40

Zitat:

Zitat von mentalman

Es heisst doch immer, wir sollen möglichst genau aufschreiben, was wir wie machen und wie wir vorgehen?

Meinen, deinen und sonsteinen Browser interessiert es aber kein bisschen, ob ein PHP-Script den HTML-Code generiert, oder ob der von deiner Oma gestrickt wird.

Bei clientseitigem Problem clientseitigen Code zeigen, und keinen serverseitigen - ganz simpel.

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] iCal mit php erzeugen - Probleme mit Internet Explorer	theSilent	PHP Einsteiger	4	25.01.2011 10:42
[Erledigt] gesamte Spalte in Array abspeichern	Kotbatzen	PHP Tipps 2009	23	05.09.2009 00:01
Internet Explorer stellt CSS falsch dar	dorky	HTML, Usability und Barrierefreiheit	16	19.08.2009 13:03
Problem mit Darstellung von Bildern im Internet Explorer	SimStar001	HTML, Usability und Barrierefreiheit	5	11.05.2009 20:44
menü wird in Internet Explorer nicht angezeigt!	SimStar001	HTML, Usability und Barrierefreiheit	10	03.04.2009 17:13
probleme bei internet explorer und firefox	igron	PHP Tipps 2008	0	12.05.2008 17:27
Box Modell Problem zwischen Internet Explorer 6 und FireFox	DonTermi	HTML, Usability und Barrierefreiheit	5	07.12.2006 16:30
PNG Grafik im Internet Explorer nicht Transparent	DonTermi	HTML, Usability und Barrierefreiheit	15	01.11.2006 11:28
[Erledigt] Keine Umlaute beim MediaWiki im Internet Explorer		PHP Tipps 2006	1	15.02.2006 18:50
Suche Tipps für Persormance-Steigerung (Geld für Nützliches)		Beitragsarchiv	18	16.08.2005 10:57
Kommt der neue Internet Explorer?	imported_Ben	Off-Topic Diskussionen	51	18.03.2005 11:03
[Erledigt] function targetLink(URL) problem mit internet explorer		HTML, Usability und Barrierefreiheit	4	11.01.2005 19:24
Problem: Internet Explorer zeigt DIV fehlerhaft an		HTML, Usability und Barrierefreiheit	13	04.01.2005 17:10
Internet Explorer: Iframe und CSS?		HTML, Usability und Barrierefreiheit	4	31.08.2004 18:48
[Erledigt] Mozilla / Internet Explorer	Juuro	HTML, Usability und Barrierefreiheit	7	22.06.2004 07:29

18.05.2011, 14:06
mentalman Erfahrener Benutzer Registriert seit: 07.07.2010 Beiträge: 231 PHP-Kenntnisse: Anfänger	Internet Explorer 9 stellt Link als einziger Browser richtig dar Hallo, ich habe hier ein wirklich nerviges Problem, und finde die Lösung nicht. Ich lasse PHP folgenden Code ausgeben um die Bilder einer Galerie aufzulisten: Code: echo '<div class="galeriebilder"><a href="img/bilder/restaurant/'.$image.'" rel="lightbox[restaurant]"><img src="img/bilder/restaurant/'.$image.'" name="test" width="110"></a></div>'; Das CSS dazu sieht folgendermaße aus: Code: .galeriebilder { float: left; position: relative; padding: 2px; border: 1px solid #ffffff; margin-right: 9px; margin-bottom: 9px; } Das klappt auch alles wirklich ganz super - allerding nur im Internet Eplorer 9. Alle anderen Browser (Firefox, Opera, Chrome und Safari) listen zwar die Bilder schön ordentlich auf, aber es wird kein Link für die einzelnen Bilder generiert. Es ist nichteinmal so, dass die Links tot sind, sie sind gar nicht erst vorhanden, also der Mauszeiger verändert sich auch nicht. Wenn ich nun aber bis auf obenstehende CSS-Definition alle anderen Definitionen aus dem File lösche, klappt es auch in den anderen Browsern. Es muss also eine der anderen CSS-Beschreibungen irgendwie querschiessen. Meine erste Idee war natürlich, dass irgendein Code: a { ... } verantworlich ist. Aber alle Linkdefinitionen beziehen sich auf die zugehörigen Elternelemente wie beispielsweise Code: li a { ... } Wüsste jemand aus dem Stegreif, welche anderen CSS-Definitionen sonst noch Probleme bereiten könnten?


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

18.05.2011, 14:28
eagle275 Erfahrener Benutzer Registriert seit: 01.09.2010 Beiträge: 4.561 PHP-Kenntnisse: Fortgeschritten	vielleicht liegt es an deinem float .... der macht nämlich aus dem inline-Element <a (Link) ein Block-Element .... wenn ich mich nich irre .. sollte aber eigentlich nicht verhindern, dass der Link noch ein Link ist .... __________________ "Irren ist männlich", sprach der Igel und stieg von der Drahtbürste

18.05.2011, 14:43
eagle275 Erfahrener Benutzer Registriert seit: 01.09.2010 Beiträge: 4.561 PHP-Kenntnisse: Fortgeschritten	dann musst du halt die anderen CSS prüfen html * a div a .... __________________ "Irren ist männlich", sprach der Igel und stieg von der Drahtbürste

18.05.2011, 15:01
mentalman Erfahrener Benutzer Registriert seit: 07.07.2010 Beiträge: 231 PHP-Kenntnisse: Anfänger	ich habs! oh man, die ul, aus der das hauptmenü auf der linken seite besteht, hatte keine width und breitete sich damit offensichtlich bis nach rechts über die bilder aus und hat damit wohl die links verdeckt... gott sei dank steht die definition für das ul ziemlich weiten oben im css-file... trotzdem danke!

18.05.2011, 15:34
eagle275 Erfahrener Benutzer Registriert seit: 01.09.2010 Beiträge: 4.561 PHP-Kenntnisse: Fortgeschritten	das ist zwar grundsätzlich richtig .. aber "ALLES" sind wohl kaum eine kleine css-Definition und der PHP-Code bestehend aus 1 Zeile, die Html ausgibt - daran kann man ja nicht mal sehen, ob dein Browser etwa irrtümlich den Quirksmode nimmt und dir die Seite deswegen verhaut - also bei CSS-Problemen wird ein Online-Beispiel bevorzugt __________________ "Irren ist männlich", sprach der Igel und stieg von der Drahtbürste