IE zeigt Tabellenhöhe falsch an

[Jason]

Ich habe in meiner Seite eine ganz simple Tabelle:

  
            <table cellpadding="0" cellspacing="0" border="1">  
              <tr>  
                <td>  
                  News<br>  
                </td>  
              </tr>  
              <tr valign="bottom">  
                <td>  
                   <img src="img/grey.gif" width="150px" height="1px" />  
                </td>  
              </tr>  
            </table>  

Es soll praktisch der Text angezeigt werden und direkt darunter eine Linie. Nur stellt der IE die Höhe der Tabellenzeile nicht mit 1px Höhe da sondern mit ca. 10px.

[suit]

Ich habe in meiner Seite eine ganz simple Tabelle:

nein, das ist keine tabelle sondern eine liste, du hast sie nur mit tabellenmarkup ausgezeichnet

Es soll praktisch der Text angezeigt werden und direkt darunter eine Linie. Nur stellt der IE die Höhe der Tabellenzeile nicht mit 1px Höhe da sondern mit ca. 10px.

du sagst nirgends einer tabellenzelle, wie hoch sie sein soll

aber wie gesagt, du willst eine liste (hier mit inline-styles, die natürlich ausgelagert gehören)

  
<ul style="width: 150px; border: 1px solid red; list-style: none; padding: 0; margin: 0;>  
  <li style="border-bottom: 1px solid red; padding: 0; margin: 0;>  
    News<br>  
  </li>  
</ul>  

[Jasonj]

aber wie gesagt, du willst eine liste (hier mit inline-styles, die natürlich ausgelagert gehören)

<ul style="width: 150px; border: 1px solid red; list-style: none; padding: 0; margin: 0;>
  <li style="border-bottom: 1px solid red; padding: 0; margin: 0;>
    News<br>
  </li>
</ul>

  
Eine Liste? Haben wir da vielleicht aneinander vorbeigeredet? Hier mal ein beispiel:  
  
[img]http://img384.imageshack.us/img384/1708/tempvm2.png[/img]  
  
Es soll praktisch eine länger gezogene Textunterstreichung darstellen. Das Bild stammt aus dem Firefox. Im IE ist zwischen Text und Strich noch ein breiter Zwischenraum.

[suit]

[img]http://img384.imageshack.us/img384/1708/tempvm2.png[/img]

Sieht mir nach Überschrift aus, wie wärs damit:
<h2 style="width: 150px; border-bottom: 1px solid red;">News</h2>

[Jason]

[img]http://img384.imageshack.us/img384/1708/tempvm2.png[/img]

Sieht mir nach Überschrift aus, wie wärs damit:
<h2 style="width: 150px; border-bottom: 1px solid red;">News</h2>

Das leben kann so einfach sein. Das ist genau das was ich gesucht habe. Danke :-)

[suit]

Das leben kann so einfach sein. Das ist genau das was ich gesucht habe. Danke :-)

guter tipp:
denke zuerst darüber nach, WAS etwas ist und wähle dann ein entsprechendes markup-element (unabhängig der aktuellen formatierung) dann kannst du es mit css fast beliebig umformatieren - wenn etwas eine tabelle ist, nimm eine tabelle - wenns eine überschrift ist, nimm eine überschrift und wenns eine liste ist, eine liste (usw.)

tabellen für layoutzwecke sind eine streitfrage (wenns um die grundstruktur der seite geht), ich bin der meinung tabellen sollten auch dafür nicht eingesetzt werden sondern ausschließlich für die darstellung von tabellarischen daten (= mindestens 2 zeilen und 2 spalten)

aber jeder noch so militante tabellenverfechter wird mir auch hier zustimmen: um einer überschrift einen strich drunter zu verpassen ist wirklich keine tabelle notwendig ;)