Jeena Paradies: valign=bottom im IE

Beitrag lesen

<tr style="height:31" valign="bottom">
                        ^^ da fehlt die Einheit (px)

Jo hab ich jetzt auch gesehen, und geändert

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

is nur Deko

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

ist auch nur deko, und das eigentlich auch nur 1x1 px groß soll ich trotzdem bei jedem Ding ein alt="" hinschreiben?

</td>
    <td><img src="top-li-unt.png" border="0" alt=""></td>
   </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>

Das hab ich ausprobiert, hat aber nicht geholfen.

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

Werd mich da mal durchlesen, danke.

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

Das hat geholfen DANKESCHÖN!!!

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>

Bin gerade am anfang von css, also mitten in der lernphase; Ich werde es mir zu Herzen nehmen, und es auch irgendwann schaffen so zu verfahren. Vor allem weil das ja auf jeder Seite gleich ist, könnte es ja auch Ladezeit sparen, wenn das alles in einer Externen Datei ist, die nur einmal Runtergeladen werden muss, um immer wieder aus dem chache (oder wie das heißt) ausgelesen wird, und nicht durch die Leitungen gejagt wird. Sowas habe ich auch oben für das Javascript vor.

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?

Nein