Teil von SELFHTML Forum Teil von SELFHTML Forumsarchiv Teil von 2004 Teil von Dezember

SELFHTML Forumsarchiv
Table nach W3C / IE macht ärger.

Informationsseite
  1. Seite (HTML) Table nach W3C / IE macht ärger. von Benny Grogg, 31. 12. 2004, 16:20
nach unten

Table nach W3C / IE macht ärger.

Die folgende Nachricht zum Thema stammt von: Benny Grogg, 31. 12. 2004, 16:20

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>

nach obennach unten

Table nach W3C / IE macht ärger.

Die folgende Nachricht zum Thema stammt von: Gunnar Bittersmann, 31. 12. 2004, 18:59

»» 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)

nach oben
Teil von SELFHTML Forum Teil von SELFHTML Forumsarchiv Teil von 2004 Teil von Dezember

© 1998-2008 Seite Impressum, Software: Classic Forum