Thomas Luethi: valign=bottom im IE

Beitrag lesen

Hallo,

<tr style="height:31" valign="bottom">

^^ da fehlt die Einheit (px)

<td><img src="back-unt.png" border="0" alt=""></td>

^^
falls dies ein Navigations-Button ist, solltest Du ein
sinnvolleres ALT-Attribut setzen. Fuer reine Deko ist es so OK.

<td>
    <img src="hell.png" width="606" height="14" border="0">

da fehlt das ALT-Attribut

</td>
    <td><img src="top-li-unt.png" border="0" alt=""></td>
   </tr>

Die Tabelle unten bündig bemacht, aber im IE und Konqueror wird das hell.png falsch formatiert, und zwar in die mitte von <tr></tr> gemacht. Die beiden Bilder links und rechts sind aber unten ich kann mir irgendwie nicht helfen warum das so komisch aussieht.

Das valign-Attribut ist wider Erwarten im TR-Element erlaubt:
http://www.w3.org/TR/REC-html40/struct/tables.html#edef-TR

Trotzdem koennte es sein, dass manche Browser es nur beachten,
wenn es direkt im TD- bzw. TH-Element steht:
<td valign="bottom"><img ...></td>

Der IE interpretiert aber auch noch andere von meinen angaben irgendwie total anders als Mozilla und Opera.

Das ist bekannt...
Eine haeufige Ursache ist das kaputte Box-Modell des MS IE <6.0.
http://tantek.com/CSS/Examples/boxmodelhack.html
http://msdn.microsoft.com/library/en-us/dnie60/html/cssenhancements.asp#cssenhancements_topic3

Was lässt den IE glauben, dass ich das in die mitte und nicht ganz unten haben will?

Schlechte Gewohnheit ("das haben wir Browser doch schon immer
so gemacht...")?

Ich vermute den "Fehler" im "Whitespace", d.h. in den "beruechtigten"
Zeilenumbruechen und Leerschlaegen in Deinem Quelltext.
Versuch's mal mit:
<td><img ...></td>

Ansonsten wuerde ich Dir stark zu reinem CSS raten:

tr.navi   { height:31px; }
.navi td  { vertical-align:bottom; }
.navi img { border:0 none; display:block; }

Dann kannst Du Dir die meisten Attribute im HTML schenken,
so auch das ueberfluessige border="0".

<tr class="navi">
  <td><img ...></td>
  <td><img ...></td>
  <td><img ...></td>
</tr>

--

Allenfalls helfen auch vollstaendige Angaben der Bild-Dimensionen
(die wuerde ich nach wie vor als HTML-Attribute height/width machen).
Sind alle betroffenen Bilder gleich hoch?

HTH, mfg
Thomas