Fehler bei Darstellung der Webseite in Firefox

Betchy · 24.07.2012

Hallo,
ich habe folgende Frage:
Ich habe um Lightbox2 zu testen eine Webseite erstellt.
Nichts berauschendes, ganz einfaches Tabellenlayout. (Wollte ja nur wissen ob ich das mit Lightbox2 verstanden habe).
Nun stellte ich fest das im IE8 alles funktioniert,
in Firefox sind weder die Vorschaubilder zu sehen und die vergrößerung funktioniert auch nicht.

Bild zu Firefox

Bild zu IE8

Der Quellcode sieht so aus:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"[URL]http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd[/URL]">
<html xmlns="[URL]http://www.w3.org/1999/xhtml[/URL]" lang="de">
<head>
<title>Lightbox JS v2.0 | Test Seite</title>
 
<meta http-equiv="Content-Type" content="text/html; charset=">
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
 
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
 
<style type="text/css">
body{
color: #FFFFFF;
font: 13px 'Lucida Grande', Verdana, sans-serif;
background-color: #000000;
}
.Stil1 {
color: #FFFFFF
}
a:link {
color: #00CCFF;
text-decoration: none;
}
a:visited {
color: #009999;
text-decoration: none;
}
a:hover {
color: #00CCCC;
text-decoration: underline;
}
a:active {
color: #0099FF;
text-decoration: none;
}
a {
font-weight: bold;
}
</style>
</head>
<body>
<table width="750" border="2" align="center" cellpadding="0" cellspacing="2" bordercolor="#FFFFFF">
<tr>
<td><table width="100%" border="0" cellpadding="0">
<tr>
<td colspan="7" align="left" valign="middle" bgcolor="#666666">
<h1>Thomas Becker - Workshops</h1></td>
</tr>
<tr>
<td colspan="7" align="left" valign="middle">&nbsp;</td>
</tr>
<tr>
<td align="center" valign="middle"><a href="http://www.psd-tutorials.de/forum/images/gr_bilder/bild#1.jpg" rel="lightbox[workshops]" title="4 Jahreszeiten"><img src="http://www.psd-tutorials.de/forum/images/thumb/thumb_bild#1.jpg" alt="4 Jahreszeiten" width="75" height="75" border="0" /></a></td>
<td align="center" valign="middle"><a href="http://www.psd-tutorials.de/forum/images/gr_bilder/bild#2.jpg" rel="lightbox[fworkshops]" title="Be a Superstar"><img src="http://www.psd-tutorials.de/forum/images/thumb/thumb_bild#2.jpg" alt="Be a Superstar" width="75" height="75" border="0" /></a></td>
<td align="center" valign="middle"><a href="http://www.psd-tutorials.de/forum/images/gr_bilder/bild#3.jpg" rel="lightbox[fworkshops]" title="Beethoven Remix"><img src="http://www.psd-tutorials.de/forum/images/thumb/thumb_bild#3.jpg" alt="Beethoven Remix" width="75" height="75" border="0" /></a></td>
<td align="center" valign="middle"><a href="http://www.psd-tutorials.de/forum/images/gr_bilder/bild#4.jpg" rel="lightbox[workshops]" title="Blaue Kugel"><img src="http://www.psd-tutorials.de/forum/images/thumb/thumb_bild#4.jpg" alt="Blaue Kugel" width="75" height="75" border="0" /></a></td>
<td align="center" valign="middle"><a href="http://www.psd-tutorials.de/forum/images/gr_bilder/bild#5.jpg" rel="lightbox[workshops]" title="Blütenzauber"><img src="http://www.psd-tutorials.de/forum/images/thumb/thumb_bild#5.jpg" alt="Bl&uuml;tenzauber" width="75" height="75" border="0" /></a></td>
<td align="center" valign="middle"><a href="http://www.psd-tutorials.de/forum/images/gr_bilder/bild#6.jpg" rel="lightbox[workshops]" title="Bammental Collage"><img src="http://www.psd-tutorials.de/forum/images/thumb/thumb_bild#6.jpg" alt="Bammental Collage" width="75" height="75" border="0" /></a></td>
<td align="center" valign="middle"><a href="http://www.psd-tutorials.de/forum/images/gr_bilder/bild#7.jpg" rel="lightbox[workshops]" title="Der Kriegsanstifter"><img src="http://www.psd-tutorials.de/forum/images/thumb/thumb_bild#7.jpg" alt="Der Kriegsanstifter" width="75" height="75" border="0" /></a></td>
</tr>
<tr>
<td align="center" valign="middle">&nbsp;</td>
<td align="center" valign="middle">&nbsp;</td>
<td align="center" valign="middle">&nbsp;</td>
<td align="center" valign="middle">&nbsp;</td>
<td align="center" valign="middle">&nbsp;</td>
<td align="center" valign="middle">&nbsp;</td>
<td align="center" valign="middle">&nbsp;</td>
</tr>
<tr>
<td align="center" valign="middle"><a href="http://www.psd-tutorials.de/forum/images/gr_bilder/bild#8.jpg" rel="lightbox[workshops]" title="Der Mann mit der Posaune"><img src="http://www.psd-tutorials.de/forum/images/thumb/thumb_bild#8.jpg" alt="Der Mann mit der Posaune" width="75" height="75" border="0" /></a></td>
<td align="center" valign="middle"><a href="http://www.psd-tutorials.de/forum/images/gr_bilder/bild#9.jpg" rel="lightbox[workshops]" title="Independence Day"><img src="http://www.psd-tutorials.de/forum/images/thumb/thumb_bild#9.jpg" alt="Independence Day" width="75" height="75" border="0" /></a></td>
<td align="center" valign="middle"><a href="http://www.psd-tutorials.de/forum/images/gr_bilder/bild#10.jpg" rel="lightbox[workshops]" title="Kangaroo"><img src="http://www.psd-tutorials.de/forum/images/thumb/thumb_bild#10.jpg" alt="Kangaroo" width="75" height="75" border="0" /></a></td>
<td align="center" valign="middle"><a href="http://www.psd-tutorials.de/forum/images/gr_bilder/bild#11.jpg" rel="lightbox[workshops]" title="Lebendiges Gemälde"><img src="http://www.psd-tutorials.de/forum/images/thumb/thumb_bild#11.jpg" alt="Lebendiges Gem&auml;lde" width="75" height="75" border="0" /></a></td>
<td align="center" valign="middle"><a href="http://www.psd-tutorials.de/forum/images/gr_bilder/bild#12.jpg" rel="lightbox[workshops]" title="Nicht auflegen"><img src="http://www.psd-tutorials.de/forum/images/thumb/thumb_bild#12.jpg" alt="Nicht auflegen" width="75" height="75" border="0" /></a></td>
<td align="center" valign="middle"><a href="http://www.psd-tutorials.de/forum/images/gr_bilder/bild#13.jpg" rel="lightbox[fworkshops]" title="Pcific-Spere"><img src="http://www.psd-tutorials.de/forum/images/thumb/thumb_bild#13.jpg" alt="Pacific-Sphere" width="75" height="75" border="0" /></a></td>
<td align="center" valign="middle"><a href="http://www.psd-tutorials.de/forum/images/gr_bilder/bild#14.jpg" rel="lightbox[workshops" title="Pafum"><img src="http://www.psd-tutorials.de/forum/images/thumb/thumb_bild#14.jpg" alt="Pafum" width="75" height="75" border="0" /></a></td>
</tr>
<tr>
<td align="center" valign="middle">&nbsp;</td>
<td align="center" valign="middle">&nbsp;</td>
<td align="center" valign="middle">&nbsp;</td>
<td align="center" valign="middle">&nbsp;</td>
<td align="center" valign="middle">&nbsp;</td>
<td align="center" valign="middle">&nbsp;</td>
<td align="center" valign="middle">&nbsp;</td>
</tr>
<tr>
<td align="center" valign="middle"><a href="http://www.psd-tutorials.de/forum/images/gr_bilder/bild#15.jpg" rel="lightbox[workshops]" title="Portrait"><img src="http://www.psd-tutorials.de/forum/images/thumb/thumb_bild#15.jpg" alt="Portrait" width="75" height="75" border="0" /></a></td>
<td align="center" valign="middle"><a href="http://www.psd-tutorials.de/forum/images/gr_bilder/bild#16.jpg" rel="lightbox[workshops]" title="Rubiks Cube"><img src="http://www.psd-tutorials.de/forum/images/thumb/thumb_bild#16.jpg" alt="Rubiks Cube" width="75" height="75" border="0" /></a></td>
<td align="center" valign="middle"><a href="http://www.psd-tutorials.de/forum/images/gr_bilder/bild#17.jpg" rel="lightbox[workshops]" title="Spiderman"><img src="http://www.psd-tutorials.de/forum/images/thumb/thumb_bild#17.jpg" alt="Spiderman" width="75" height="75" border="0" /></a></td>
<td align="center" valign="middle"><a href="http://www.psd-tutorials.de/forum/images/gr_bilder/bild#18.jpg" rel="lightbox[workshops]" title="Tranzparente Effekte"><img src="http://www.psd-tutorials.de/forum/images/thumb/thumb_bild#18.jpg" alt="Tranzparente Effekte" width="75" height="75" border="0" /></a></td>
<td align="center" valign="middle"><a href="http://www.psd-tutorials.de/forum/images/gr_bilder/bild#19.jpg" rel="lightbox[fworkshops]" title="We won`t fear"><img src="http://www.psd-tutorials.de/forum/images/thumb/thumb_bild#19.jpg" alt="We won`t fear" width="75" height="75" border="0" /></a></td>
<td align="center" valign="middle"><a href="http://www.psd-tutorials.de/forum/images/gr_bilder/bild#20.jpg" rel="lightbox[workshops]" title="World Cup"><img src="http://www.psd-tutorials.de/forum/images/thumb/thumb_bild#20.jpg" alt="World Cup" width="75" height="75" border="0" /></a></td>
<td align="center" valign="middle">&nbsp;</td>
</tr>
<tr>
<td align="center" valign="middle">&nbsp;</td>
<td align="center" valign="middle">&nbsp;</td>
<td align="center" valign="middle">&nbsp;</td>
<td align="center" valign="middle">&nbsp;</td>
<td align="center" valign="middle">&nbsp;</td>
<td align="center" valign="middle">&nbsp;</td>
<td align="center" valign="middle">&nbsp;</td>
</tr>
<tr>
<td align="center" valign="middle">&nbsp;</td>
<td align="center" valign="middle">&nbsp;</td>
<td align="center" valign="middle">&nbsp;</td>
<td align="center" valign="middle">&nbsp;</td>
<td align="center" valign="middle">&nbsp;</td>
<td align="center" valign="middle">&nbsp;</td>
<td align="center" valign="middle">&nbsp;</td>
</tr>
<tr>
<td colspan="7" align="center" valign="middle" bgcolor="#666666"><a href="index.html">1</a>&nbsp;&nbsp;&nbsp;<a href="seite_2.html" target="_self">2</a>&nbsp;&nbsp;&nbsp;<a href="seite_3.html" target="_self">3</a>&nbsp;&nbsp;&nbsp;<a href="seite_4.html">4</a>&nbsp;&nbsp;&nbsp;<a href="seite_5.html">5</a></td>
</tr>
<tr>
<td colspan="4" align="left" valign="middle">&copy; Thomas Becker - Bammental 2012</td>
<td align="right" valign="middle">&nbsp;</td>
<td align="right" valign="middle">&nbsp;</td>
<td align="right" valign="middle"><a href="impres.html">Impressum</a>&nbsp;&nbsp;</td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>

Bitte in Zukunft das Code-TAG benutzen um Quellcode hier anzuzeigen. Es ist die Raute direkt neben dem Zitat-Tag. Danke. Minaya

simonpicos · 24.07.2012

AW: Fehler bei Darstellung der Webseite in Firefox

Nur mit Code kann man (vor allem bei deinem Problem) nichts anfangen. Stell dein Projekt doch mal bitte online. Wenn du keinen Webspace hast, kannst du dir hier einen kostenlosen anmelden.
Und Tabellenlayout ist schon seit Jahren veraltet, nur so als Hinweis

Und noch eine Kleinigkeit: Wenn du Code einbinden willst, benutze doch bitte das Codewerkzeug im Editor. Ist übersichtlicher für alle

sokie · 24.07.2012

AW: Fehler bei Darstellung der Webseite in Firefox

Bei Bildern, die nicht im Firefox, wohl aber im Internetexplorer angezeigt werden, liegt es Nahe, dass es eine Diskrepanz zwischen Gross/Kleinschreibung gibt. Der Internetexplorer unterscheidet nicht.

MyBad · 24.07.2012

AW: Fehler bei Darstellung der Webseite in Firefox

Ganz einfach. Du darfst in den Bildnamen keine Zeichen wie "#" verwenden. Das mag der Firefox nicht.

Betchy · 24.07.2012

AW: Fehler bei Darstellung der Webseite in Firefox

Es lag nur am # im Bildnamen.

Danke für euere Antworten