Antworten auf deine Fragen:
Neues Thema erstellen

Fehler bei Darstellung der Webseite in Firefox

Betchy

Nicht mehr ganz neu hier

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
 
Zuletzt bearbeitet von einem Moderator:

simonpicos

Mod | Forum

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

Mod | Web

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

localhorst

AW: Fehler bei Darstellung der Webseite in Firefox

Ganz einfach. Du darfst in den Bildnamen keine Zeichen wie "#" verwenden. Das mag der Firefox nicht.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.614
Beiträge
1.538.351
Mitglieder
67.525
Neuestes Mitglied
mgtaucher
Oben