szenist: Breiteproblem

Mir wurde in ca. 50 threads weiterunten geraten von frames auf css umzusteigen. Gemacht, getan. Auch wenn die Homepage noch ein bisschen amateurhaft wirkt, würde ich sie so lassen. Habe aber das Problem damit, dass sie nur im Internet Explorer korrekt angezeigt wird und im firefox und opera sich nach rechts verschiebt bilder nicht angezeigt werden etc. Drum meine Frage was ich machen muss, um auch in den beiden anderen Browsern eine korrekte Anzeige zu schaffen.
Hier die adresse: http://sg07.cwsurf.de/
hier die index.html:

<html>
<head>
<title>gjk</title>
<meta name="author" content="Meister">
</head>
<body text="#FFFFFF" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>SG07</title>
<style type="text/css">
  body {
    color: white; background-color: black;
    font-size: 99.0%;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0; padding: 0em;
    min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
  }

h1 {
    font-size: 0.5em;
    margin: 0 0 5.7em; padding: 0.0em;
    text-align: center;
    background-color: #fed;
    border: 0.9px ridge silver;
  }

ul#Navigation {
    font-size: 0.63em;
    float: left; width: 18em;
    margin: 0 0 0.0em; padding: 0;
    border: 1px  black;
  }
  ul#Navigation li {
    list-style: none;
    margin: 0; padding: 0.1em;
  }
  ul#Navigation a {
    display: block;
    padding: 0.8em;
    font-weight: bold;
  }
  ul#Navigation a:link {
    color: black; background-color: #eee;
  }
  ul#Navigation a:visited {
    color: #666; background-color: #eee;
  }
  ul#Navigation a:hover {
    color: black; background-color: white;
  }
  ul#Navigation a:active {
    color: white; background-color: gray;
  }

div#Info {
    font-size: 0.9em;
    float: right; width: 7em;
    margin: 0 0 0.7em; padding: 0;
    background-color: #eee; border: 0px black;
  }
  div#Info h2 {
    font-size: 1.33em;
    margin: 1.5em 0.5em;
  }
  div#Info p {
    font-size: 0em;
    margin: 1.5em;
  }

div#Inhalt {
    margin: 0 2em 0em 8em;
    padding: 0 1em;
    border: 0px dashed silver;
  }
  * html div#Inhalt {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
  }
  div#Inhalt h2 {
    font-size: 1.2em;
    margin: 0.2em 0;
  }
  div#Inhalt p {
    font-size: 1em;
    margin: 1em 0;
  }

}
</style>
</head>
<body>

<h1><img src="banner.jpg" alt="" border="0"> </h1>

<ul id="Navigation">

<li> <a href="index.html"><font face="Staccato222 BT"><font size="+3"><div align="center">Home</div></font></font></a></li>
    <li><a href="our.html"><font face="Staccato222 BT"><font size="+3"><div align="center">Our story</div></font></font></a></li>
    <li><a href="kurve.html"><font face="Staccato222 BT"><font size="+3"><div align="center">Südkurve</div></font></font></a></li>
 <li><a href="http://sturmtifo.com" target="_blank"><font face="Staccato222 BT"><font size="+3"><div align="center">Fotos</div></font></font></a></li>
    <li><a href="sturm.html"><font face="Staccato222 BT"><font size="+3"><div align="center">Sturm Graz</div></font></font></a></li>
  <li><a href="http://forum-schwarzegarde.sx.am" target="_blank"><font face="Staccato222 BT"><font size="+3"><div align="center">Forum</div></font></font></a></li>
      <li><a href="kontakt.html"><font face="Staccato222 BT"><font size="+3"><div align="center">Kontakt</div></font></font></a></li>
  <li><a href="archiv.html"><font face="Staccato222 BT"><font size="+3"><div align="center">Archiv</div></font></font></a></li>
</ul>

<div id="Info">
    <br><br><h2><font color="#000000"><font face="Lucida Sans Unicode">Bundesligatabelle:</font></font></h2>
    <p><img src="tabelle19.GIF" alt="" border="0"></p>
    <p><br><br>
 <b> <br><h2><font size="-1"><font size="+1"><font color="#000000"><font face="Lucida Sans Unicode">Torschützenliste:</font></font></font></font></h2>    </b>
     <p><img src="schutze.GIF" alt="" border="0"></p>

</div>

<div id="Inhalt">

<p><br><br><br>

<font color="#FFFFFF"> <b><ul><font face="VERDANA,ARIAL,HELVETICA">WIR GEHEN ONLINE</font><basefont face=""></ul></b> </font>

<ul><font face="VERDANA,ARIAL,HELVETICA">Nachdem unser Forum bereits 1 Woche online ist, haben wir<br>
  uns entschlossen nun online zu gehen. Einen kleinen Bericht<br>
  über uns lesen Sie im Bereich "Our story". <br>
  <hr></font></ul>
  <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</p>
  </div>

</body>
</html>
</body>
</html>

  1. Grüße,
    die ist so invalide und verwirrt gemacht, dass ich mich überhaupt wundere dassd a noch was geht.. doctyp declaration im body? also weiter will ich es nciht lesen.. jag die seite durch die validatoren - denn opera und ff zeigen immer das richitge an , anders als NS IE

    MFG
    bleicher

    --
    __________________________-
    Menschen an sich , sind nicht schlecht - es sind nur ihre Taten (c).
    Lieber bereuen gesündigt zu haben, als nicht sündigen und es später trotzdem bereuen.
    Boccaccio
    1. tut mir leid, dass meine seite sehr verwirrend ist ,hab einiges ausprobiert im schnelldurchlauf, da ich die meisten dinge davon noch nicht gesehen habe. Danke für deine antwort, jetzt muss ich nur mehr herausfinden was validatoren sind.

      1. http://validator.w3.org/

        das ist der "offizielle" der findet alle fehler im code, korrigieren muss man slebst
        MFG
        bleicher

        --
        __________________________-
        Menschen an sich , sind nicht schlecht - es sind nur ihre Taten (c).
        Lieber bereuen gesündigt zu haben, als nicht sündigen und es später trotzdem bereuen.
        Boccaccio