Foto/Anzeigeproblem bei Opera

Ronne

Kann mir jemand sagen, warum Opera die Bildabstände zueinander nicht gemäß HTML Code wiedergibt? Hat jemand eine Idee, wie ich es hinbekomme, die Abstände zwischen der 1. und 2. sowie der 2. und 3.Tabellenspalte trotzdem gleich hinbekomme? Oder ist ein Fehler im HTML Code der Grund?

Seite: http://www.runningriot.de/FotoTazmanian.html

HTML Code:

Zitat

<HTML>
<HEAD>
<TITLE>Fotos</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function NeuFenster(datei, hoehe, breite)
{FotoFenster=window.open("Fotos/"+datei,"Fotofenster",

"height="+hoehe+",width="+breite+",toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no");FotoFenster.focus();}
</SCRIPT>
</HEAD>
<BODY text="white" bgcolor="black" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF">
<center>
<table width="75%">
<tr bgcolor="#006F00">
<th colspan="3"><font color="#FFFFFF" size="-1">14.02.2004: Backstreet Firm, Ruhestöhrunk, Boigrub usw. in der GS "Drei Linden" Schmatzfeld</font></th>
</tr>
<tr>
<th><font size="-1"><a href="javascript:NeuFenster('Tazmanian0001.jpg',408,602)">
</a></font></th>
<th><font size="-1"><a href="javascript:NeuFenster('Tazmanian0002.jpg',408,602)">
</a></font></th>
<th><font size="-1"><a href="javascript:NeuFenster('Tazmanian0003.jpg',408,602)">
</a></font></th>
</tr>
<tr>
<th><font size="-1"><a href="javascript:NeuFenster('Tazmanian0004.jpg',408,602)">
</a></font></th>
<th><font size="-1"><a href="javascript:NeuFenster('Tazmanian0005.jpg',408,602)">
</a></font></th>
<th><font size="-1"><a href="javascript:NeuFenster('Tazmanian0006.jpg',408,602)">
</a></font></th>
</tr>
</table>
</center>
</BODY></HTML>

Alles anzeigen

Ronald

Moin!

Opera hat schon imme Probleme mit Tabellen gehabt und das dscheint auch hier der Fall zu sein.

Vorweg:
mit "th" leitet man Kopfzeilen von Tabellen(spalten) ein. Eine Zelle wird mit "td" geöffnet. Deine Tabelle besteht aus insgasemt 7 Kopfzeilen, das ist aber nicht das Opera-Problem.

Opera kann die Spaltenbreiten nicht automatisch anpassen, wenn er keinen Wert bekommt. Nomalerwiese sollte "<table cols=3>" ausreichen um eine Tabelle mit 3 gleichbreiten Spalten zu erstellen, aber wie geagt - Opera versteht auch das nicht.

Du mußt also die Tabellenbreite bestimmen, entweder in Prozent, oder aber genau in Pixel. Ich habe deinen Quelltext einmal korrigiert, so versteht es nun auch der Opera:

HTML

<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Fotos</title>
<script type="text/javascript" language="JavaScript">
<!--
function NeuFenster(datei, hoehe, breite)
{FotoFenster=window.open("Fotos/"+datei,"Fotofenster","height="+hoehe+",width="+breite+",toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no");FotoFenster.focus();}
//-->
</SCRIPT>
</head>
<body text="white" bgcolor="black" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF">
<center>
<table width="75%" border=0>
  <tr bgcolor="#006F00">
   <th colspan="3"><font color="#FFFFFF" size="-1">14.02.2004: Backstreet Firm, Ruhest&ouml;hrunk, Boigrub usw. in der GS "Drei Linden" Schmatzfeld</font></th>
  </tr>
  <tr>
    <td align=center width=33.3%><font size="-1">[url='javascript:NeuFenster('Tazmanian0001.jpg',408,602)'][img]Fotos/Tazmanian0001k.jpg[/img][/url]</font></td>
    <td align=center width=33.3%><font size="-1">[url='javascript:NeuFenster('Tazmanian0002.jpg',408,602)'][img]Fotos/Tazmanian0002k.jpg[/img][/url]</font></td>
    <td align=center width=33.3%><font size="-1">[url='javascript:NeuFenster('Tazmanian0003.jpg',408,602)'][img]Fotos/Tazmanian0003k.jpg[/img][/url]</font></td>
    </tr>
    <tr>
    <td align=center><font size="-1">[url='javascript:NeuFenster('Tazmanian0004.jpg',408,602)'][img]Fotos/Tazmanian0004k.jpg[/img][/url]</font></td>
    <td align=center><font size="-1">[url='javascript:NeuFenster('Tazmanian0005.jpg',408,602)'][img]Fotos/Tazmanian0005k.jpg[/img][/url]</font></td>
    <td align=center><font size="-1">[url='javascript:NeuFenster('Tazmanian0006.jpg',408,602)'][img]Fotos/Tazmanian0006k.jpg[/img][/url]</font></td>
  </tr>
</table>
</center>
</body>
</html>

Alles anzeigen

Ach noch zwei wichtige Ding:
1. Zeilenumbrüche in Javascripten können ebenfalls Probleme machen und sollten tunlichst vermieden werden.
2. gewöhne dir an, im Internet alle Dateien und Verzeichnisse in Kleinbuchstaben zu schreiben. Server unterscheiden (imm Gegensatz zu Windows) zwischen Groß- und Kleinschrift. Schreibst du generell immer alles klein, dann hast du die Hautfehlerquelle für nicht gefundene Dateien (Grafiken) schon mal ausgeschaltet.

Gruß aus der Marsch!

Ronald

Ronne

Danke für die umfassende Antwort!

Tags