Dirk: Falsche Darstellung in IE

Muss ich das verstehen?
Zeile 29, warum steht das im IE nicht hintereinander? im Firefox und Opera wird es richtig angezeigt.
Gibt's eine Lösung zu diesem Problem?

<code>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="de">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<link href="site.css" rel="stylesheet" media="screen">
<title>Titel</title>
</head>

<body>

<table border="0" cellspacing="0" cellpadding="0" width="100%" bgcolor="#DAE3FF">
  <tr>
    <td width="17" height="14" valign="top"><img border="0" src="ol.gif" width="17" height="14" alt=""></td>
    <td width="100%" height="14" style="background-image: url('om.gif'); background-repeat: repeat-x"></td>
    <td width="17" height="14" valign="top"><img border="0" src="or.gif" width="17" height="14" alt=""></td>
  </tr>
  <tr>
    <td style="background-image: url('lm.gif'); background-repeat: repeat-y"></td>
    <td width="100%" height="530" valign="top">
      <table border="0" width="100%" cellspacing="0">
        <tr>
          <td width="200" colspan="2" style="background-image: url('header_bg.gif'); background-repeat: repeat-x"><img border="0" src="logo.gif" width="125" height="60" alt=""></td>
        </tr>
        <tr>
          <td width="200" colspan="2" style="background-image: url('links_bg.gif'); background-repeat: repeat-x">
          <p align="center">über uns : kontakt : impressum : home</p>
          </td>
        </tr>
        <tr>
          <td width="200" valign="top">
            <table border="0" width="199" cellspacing="0" cellpadding="0">
              <tr>
                <td width="100%" height="20" style="background-image: url('button_bg.gif'); background-repeat: no-repeat">über uns</td>
              </tr>
              <tr>
                <td width="100%" height="20" style="background-image: url('button_bg.gif'); background-repeat: no-repeat">kontakt</td>
              </tr>
              <tr>
                <td width="100%" height="20" style="background-image: url('button_bg.gif'); background-repeat: no-repeat">impressum</td>
              </tr>
              <tr>
                <td width="100%" height="20" style="background-image: url('button_bg.gif'); background-repeat: no-repeat">home</td>
              </tr>
            </table>
          </td>
          <td width="100%"></td>
        </tr>
      </table>
    </td>
    <td style="background-image: url('rm.gif'); background-repeat: repeat-y"></td>
  </tr>
  <tr>
    <td width="17" height="14" valign="top"><img border="0" src="ul.gif" width="17" height="14" alt=""></td>
    <td style="background-image: url('um.gif'); background-repeat: repeat-x"></td>
    <td width="17" height="14" valign="top"><img border="0" src="ur.gif" width="17" height="14" alt=""></td>
  </tr>
</table>
<br>
<p align="center">
      <a href="http://validator.w3.org/check?uri=referer"><img border="0"
          src="http://www.w3.org/Icons/valid-html401"
          alt="Valid HTML 4.01!" height="31" width="88"></a>
    </p>

</body>

</html>

</code>

  1. Sorry, Zeile 27 mein ich

  2. Moinsen,

    Muss ich das verstehen?
    Zeile 29, warum steht das im IE nicht hintereinander?

    ohne Zeilennummern im peposteten Code etwas schwierig...

    --
    cu,
    Maz
  3. Weil Dein Code grausam ist. Du mischst diverse Größeneinheiten miteinander und läßt sie teilweise weg. Du mischst CSS-Angaben und HTML-Parameter miteinander und Du verlangst vom Browser, eine dreispaltige Tabelle zu erstellen, deren äußeren Spalten jeweils 17 (Pixel?) und die mittlere Spalte 100% breit sein soll. Das geht nicht! Lern erstmal grundlegendes html- bzw. css-coding und bereinige Deine Seite. Dann könnten sich diverse Sideeffects bereits erledigt haben.

    Gruß
    Frank

  4. Hi,

    mach dir Spalte breiter, ändere die Schriftgröße oder setze margin und padding auf 0!

    Ist dir klar, dass manche Leute eine größere Schrift benutzen und somit deine Tabellenzeilen so oder so gesprengt werden?

    MfG Hopsel

    --
    "It's amazing I won. I was running against peace, prosperity, and incumbency."
    George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
  5. Problem ist gelöst, hab den fehler entdeckt.

    und übrigens Frank, der code ist W3C HTML 4.01 konform das muss der browser schaffen ;-)

    1. Moinsen,

      und übrigens Frank, der code ist W3C HTML 4.01 konform das muss der browser schaffen ;-)

      schön wärs... Valider Code erzeugt leider nicht automatisch eine korrekte Darstellung durch die Browser, vornehmlich der IE. Valider Code _sollte_ gleichermaßen dargestellt werden. Allerdings ist invalider code eine weitere Fehlerquelle für Darstellungsprobleme, daher ist validierter Code trotzdem sinnvoll.

      --
      cu,
      Maz
      1. Stimmt schon...

        Danke noch mal.