Benny Grogg: Table nach W3C / IE macht ärger.

SELF-Forum

Table nach W3C / IE macht ärger.

Benny Grogg
– Informationen zu den Bewertungsregeln

Hallo Foren-Leser,

Der foldende Code wird beim Firefox richtig dargestellt.
Nur der IE macht ärger, das Background Image vom Linken rand
ist noch in der Mitte zusehen (Siehe Bild : http://www.thetube.ch/IE_fehler.jpg)

Beim W3C Validieren bekomme ich keinen Fehler.
Kennt jemand einen Trick wie ich dieses Phänomen
unterbinden kann?
Wenn der Zitat-Text genügent lang ist wird die Page
auch reichtig im IE angezeigt...

Vielen Dank für Eure Hilfe!!!

Gruss,
benny

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  <title>.::.</title>
  <meta name="generator" content="Handgemcht" />
<style type="text/css">
<!--
 a:link { color:#EE0000; text-decoration:none; font-weight:bold; }
a:visited { color:#EE0000; text-decoration:none; font-weight:bold; }
 a:hover { color:#EE0000; text-decoration:none;
background-color:#FFFF99; font-weight:bold; }
 a:active { color:#0000EE; background-color:#FFFF99; font-weight:bold; }
 .zitat { font-style:italic; font-family:Arial,sans-serif;font-size:8pt; color:#D8FD02; }

body { font-family:Arial,sans-serif; font-size:12pt; color:#D8FD02; }
-->
</style>
</head>

<body  style="margin:0px;padding:0px;background-color:#000000">

<table border="1" cellspacing="0" cellpadding="0">
  <tbody>
    <tr>
      <td colspan="2"
style="width:1019px;height:168px;background-image:url(images/tab_header.jpg);"></td>
    </tr>
<tr>
<td style="text-align:center;color:#EE0000;font-weight:bold;vertical-align:top;width:189px;background-image:url(images/tab_left.jpg);">
<p>
<a href="index.php?MsgId=1">Willkommen</a><br/>

<a href="index.php?MsgId=2">Über uns</a><br/>
<a href="texte.php">Texte</a><br/>
<a href="kontakt.php">Kontakt</a><br/>
<a href="links.php">Links</a><br/>
<a href="index.php?MsgId=3">Disclaimer</a>
</p>
<p>
  <a href="http://validator.w3.org/check?uri=referer">
  <img src="http://www.w3.org/Icons/valid-xhtml10"
       alt="Valid XHTML 1.0!" border="0" height="31" width="88" />
  </a>
</p>
<p>
  <a href="http://www.spreadfirefox.com/?q=affiliates&amp;id=0&amp;t=70">
  <img border="0" alt="Get Firefox!" title="Get Firefox!"
   src="http://sfx-images.mozilla.org/affiliates/Buttons/88x31/get.gif"/></a>
</p>

</td>
<td style="background-color:#000000">
<center>

<h2>Willkommen</h2>
  <br />
  <br />
  <img src="images/shake.jpg" alt="Shake" />
  <br />
</center>
<span class="zitat">
  <br />
  <br />Hier kommt eine Zitat.
  <br />-Unbekannt
  <br />
</span>
</td></tr>
<tr>
  <td style="width:189px;"><img src="images/tab_bottom.jpg"
      alt="bottom"/>
  </td>
</tr>
</tbody>
</table>
</body>
</html>

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Table nach W3C / IE macht ärger.

    Gunnar Bittersmann
    – Informationen zu den Bewertungsregeln

    Beim W3C Validieren bekomme ich keinen Fehler.

    Benny,
    Valides HTML heißt nicht gutes HTML.

    <title>.::.</title>

    Dir ist der Sinn des title-Elementes klar?

    <body  style="margin:0px;padding:0px;background-color:#000000">

    Wozu das style-Attribur? Warum steht das nicht mit im Stylesheet?

    <table border="1" cellspacing="0" cellpadding="0">

    Und warum benutzt du hier missbilligtes HTML Transitional statt CSS?

    <p>
    <a href="index.php?MsgId=1">Willkommen</a><br/>

    <a href="index.php?MsgId=2">Über uns</a><br/>
    <a href="texte.php">Texte</a><br/>
    <a href="kontakt.php">Kontakt</a><br/>
    <a href="links.php">Links</a><br/>
    <a href="index.php?MsgId=3">Disclaimer</a>
    </p>

    Das sieht doch nach einer Liste aus, sollte also entsprechend ausgezeichnet werden: ul oder ol und li.

    <center>

    Pfui!

    <h2>Willkommen</h2>

    Wo ist die Hauptüberschrift? Das soll sie wohl sein? Also h1!

    <br />
      <br />

    Pfui! Pfui!

    <img src="images/shake.jpg" alt="Shake" />

    Der Alternativtext hilft Nutzern ohne Bildanzeige nicht viel.

    <span class="zitat">

    Es gibt das blockquote-Element.

    Räum mal bitte auf, dann fällt die Fehlersuche auch leichter.

    Den Fehler kann ich übrigens nicht nachvollziehen.

    Guten Rutsch,
    Gunnar

    --
    "Nobody wins unless everybody wins." (Bruce Springsteen)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln