Roberta: Die Firefox-Verzweiflung

Beitrag lesen

Hallo,
ich habe ein, für mich, unlösbares Problem. Firefox interpretiert meine Internet Seite nicht so wie ich es gerne hätte:

1)  Die Tabellen werden nicht nebeneinander angezeigt (habe es schon mit div probiert, scheint aber nicht zu funktionieren)

  1. Die beiden Tabellen sollen so stehen:

xxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxx
xxx
xxx
xxx
xxx
xxx
xxx

Der Hintergrund ergibt so im IE ein Bild, bei Firefox aber nicht.

Die Internetseite:
http://www.barbarahuebner.de

Der Code für die Tabellen:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
 <title>Galerie</title>

</head>

<body bgcolor="#99cc66" text="#FFFFFF" link="#OOOOOO" vlink="#OOOOOO" alink="#OOOOOO">
<font face="Century Gothic">
<table width="100%" height="25%" border="2" cellspacing="0" cellpadding="0" align="right" bordercolor="#000000" background="images/ikebana1.jpg">
 <tr>
  <th rules="none">
   <td colspan="2">
   <table border="0" align="left">
    <font color="#000000" alink="#000000">
    <h1>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="MamaHP.html">Ikebana</a><br></h1>
    </font>
   </table>
    </td>
   </th>
  </tr>
</table>

<font face="Arial Rounded MT Bold">
<table width="20%" height="100%" border="2" cellspacing="0" cellpadding="0" align="left" bordercolor="#000000" background="images/ikebana1.jpg">
   <tr align="center" width="20%" height="25%">
     <td>
    <font size="4" color="#000000">
       <strong>
    <hr align="left" width="1" size="1" noshade>
    </strong>
       </font>
  </td>
   </tr>
   <tr align="center" width="0" height="0">
     <td>
    <font size="4" color="#000000">
       <strong>
    <p><a href="Zur Person.html">Zur Person</a></p>
    </strong>
       </font>
  </td>
   </tr>
   <tr align="center" width="0" height="0">
     <td>
    <font size="4" color="#000000">
       <strong>
    <p>Galerie</p>
    </strong>
       </font>
  </td>
   </tr>
   <tr align="center" width="0" height="0">
     <td>
    <font size="4" color="#000000">
       <strong>
    <p><a href="Unterricht.html">Termine</a></p>
    </strong>
       </font>
  </td>
   </tr>
   <tr align="center" width="0" height="0">
     <td>
    <font size="4" color="#000000">
       <strong>
    <p><a href="Kontakt.html">Kontakt</a></p>
    </strong>
       </font>
  </td>
   </tr>
   <tr align="center" width="0" height="0">
     <td>
    <font size="4" color="#000000">
       <strong>
    <p><a href="Impressum.html">Impressum</a></p>
    </strong>
       </font>
  </td>
   </tr>
</table>
</font>
<br><br><br><br><br><br><br>
<table width="90%" height="20%" border="0" cellspacing="0" cellpadding="0" align="right" bordercolor="#000000">
  <tr>
   <th>
     <td wight="0" height="0" align="center">
          <font color="#000000">
    <h1>Galerie<br></h1>
    </font>
    <font color="#FFFFFF">
    <h2><font color="#FFFFFF">Ikebana</font></h2><br><br>
     </td>
   </th>
 </tr>
</table>
</body>
</html>

Bin für jede Hilfe dankbar und habt erbarmen mit einer Anfängerin!
(bestimmt sind sehr viele Fehler drin und erst die Übersicht!)

Grüße Roberta
Danke!