Markus: Tabllenproblem mit dem IE6

Hallo,

ich hab ein komisches Problem, in allen anderen Browsern wird es richtig dargestellt nur im IE6 nicht.
Ich habe eine Tabelle hier, die oben und unten ein abgerundetes Bild enthält, damit der Eindruck von abgerundeten Ecken entsteht.
Nur der IE6 lässt immer ein bisschen Platz unten frei, trotz valign="bottom".
Das ganze kann man sich auch hier anschauen unter
http://www.strangelove101.de/dioramapage

Hoffe mir kann jemand helfen. Danke
Code:

<html>
<head>
<title></title>
<meta name="author" content="exciting">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
</head>
<body text="#000000" bgcolor="#CCCCCC" link="#FF0000" alink="#FF0000" vlink="#FF0000" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
<table border="0" width="100%" height="100%" border="0" align="left" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top" width="15" height="15">
<img src="images/eckelo.gif" width="15" height="15" border="0" alt="">
</td>
</tr>
<tr><td height="100%"> </td></tr>
<tr valign="bottom">
<td align="left"  height="15">
<img src="images/eckelu.gif" width="15" height="15" border="0" alt="">
</td></tr>
</table>
</body>
</html>

  1. Hi, Markus
    Der Explorer scheint den Zeilenumbruch zwischen <img...> und </td> als Leerzeichen zu interpretieren. Machs weg und Du hast wahrscheinlich Ruhe.
    Gruss, Martin

    1. dake für eure Hilfe, die Tipps haben geholfen ;)

      Hi, Markus
      Der Explorer scheint den Zeilenumbruch zwischen <img...> und </td> als Leerzeichen zu interpretieren.

  2. Hi,

    ich hab ihn gerade besiegt, in dem ich der Zelle auch noch mal das valign="bottom" gegeben habe und außerdem aus dem
    <td>
    <img>
    </td>

    ein
    <td><img></td>

    gemacht habe.

    Rouven

  3. Hallo,

    Nur der IE6 lässt immer ein bisschen Platz unten frei, trotz valign="bottom".

    Abstaende um Bilder in Tabellenzellen wegmachen:
    http://www.tiptom.ch/homepage/faq.html?q=tdimg

    Das ganze kann man sich auch hier anschauen unter
    http://www.strangelove101.de/dioramapage

    Wie Du aus einer URL einen klickbaren Link machen kannst,
    steht in der FAQ: </faq/#Q-19>

    http://www.strangelove101.de/dioramapage/
    ist ein schreckliches Frameset im Stil einer Layout-Tabelle.

    Code:

    Bitte beschraenke Dich auf's wesentliche.
    Der HEAD, und insbesondere META-Tags tun wirklich nichts zur Sache.

    <body text="#000000" bgcolor="#CCCCCC" link="#FF0000" alink="#FF0000" vlink="#FF0000" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
    <table border="0" width="100%" height="100%" border="0" align="left" cellspacing="0" cellpadding="0">

    <body ... topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
    und
    <table ... heigth="100%" ...>
    sind nicht valide. Und in <table> hast Du zweimal das border-Attribut.

    Das haette Dir auch der Validator gesagt:
    Deinen Dateien fehlen uebrigens DOCTYPE-Angabe und Charset-Angabe.
    Wenn man annimmt, dass es ISO-8859-1 codiert ist, und dass es HTML 4.01 sein soll,
    findet der Validator etliche Fehler:
    http://validator.w3.org/check?uri=http%3A%2F%2Fwww.strangelove101.de%2Fdioramapage%2Fportall.htm&charset=iso-8859-1&doctype=HTML+4.01+Transitional
    http://validator.w3.org/check?uri=http%3A%2F%2Fwww.strangelove101.de%2Fdioramapage%2F&doctype=HTML+4.01+Frameset&charset=iso-8859-1
    Mach diese Fehler weg.

    Und mach den groessten Fehler - das komplizierte Frameset - auch gleich weg.
    Oder mach - wenn schon - wenigstens einen sinnvolleren NOFRAMES-Bereich.
    <noframes>
    <body BGCOLOR="#FFFFFF">
    <p><i>This document requires a browser that can view frames.</i></p>
    </body>
    </noframes>
    ist etwa das Duemmste, was man machen kann.

    Mach in die .htaccess im Hauptverzeichnis folgende Zeile rein,
    um die Charset-Angabe serverseitig zu erzeugen:
    AddDefaultCharset ISO-8859-1

    Und setze zuoberst an jedes HTML-Dokument die richtige DOCTYPE-Angabe.

    Du solltest Dich _dringend_ mit CSS befassen und vom "presentational Markup",
    d.h. all den veralteten Layout-Angaben in HTML, Abschied nehmen.
    Deine Seiten, bei denen die Farben (weiss auf schwarz) im BODY-Tag mit
    color, bgcolor u.s.w. festcodiert sind, lassen sich auf einigen Browsern
    ueberhaupt nicht ausdrucken (weiss auf weiss - Hintergrundfarbe wird beim
    Drucken ignoriert!).

    Wenn Du CSS verwenden wuerdest, koenntest Du zwe Stylesheets machen:
    Eines fuer die Bildschirmansicht - weiss auf schwarz.
    Eines fuer den Ausdruck - schwarz auf weiss, Navigation "ausgeblendet".
    Und Du haettest 1000 weitere Vorteile...

    Gruesse,

    Thomas

    1. Also, als Tip von mir.

      Eigentlich gibt es die Höhenangabe height in Tabellen laut w3c nicht, doch die gängigen Browsertypen interpretieren diesen Befehl.
      da sich eine Tabellen ihre Höhe immer nach dem Inhalt richtet, gibt es keine Möglichkeit einer Tabelle eine fixe höhe zu verpassen, denn die Höhenangaben sind immer als Mindesthöhe gedacht.

      Versucht die Höhe über CSS zu definieren oder richte dich nach dem Inhalt der Tabelle, dann fährst du auf jedem Fall HTML Konform.

    2. Danke für die Antwort!
      Ich weiss daß es noch nicht konform ist, ist ja eigentlich auch nur ein Probeentwurf, der noch längst nicht fertig bist.

      CSS is eigentlich kein Problem für mich, doch nur die 2-3 Dateien jetzt hab ich mir das "noch" gespart, nachher ist das allein schon aus Pflegegründen pfegend notwendig natürlich.

      Hmm stimmt, border war zweimal drin, hab ich gar net gesehen!

      Gruss
      Markus