IE: vertical-align:middle bei <td> wird ignoriert

[Benjamin]

Hallo ihr!

Ich hab irgendwie nen brett/baumstamm/holzhaus vorm kopf:
warum wird diese Grafik im Internet Explorer (5.5) nicht vertikal zentriert? Im Firefox und Konqueror funktionierts...

Hier mal der entsprechende Code-Schnipsel:

<table cellspacing="2" border=0 style="table-layout:fixed; width:900px; height:97%; margin-left:auto; margin-right:auto; border:1px solid #E4E4E5;">
  <tr>
   <td style="width:175px; height:1px;"></td>
   <td></td>
   <td style="width:50px;"></td>

<td style="width:150px;"></td>
   <td style="width:30px;"></td>
  </tr>
  <tr>
   <td rowspan="2" style="padding:0px;"><img src="fileadmin/people.jpg" width="177" height="140" border="0"></td>
   <td style="background-color:#177bb9; height:112px;">
    <table style="height:100%; width:100%;">
    <tr><td style="height:20px; text-align:right;" class="topmenu">&nbsp;<a href="index.php?id=1" onfocus="blurLink(this);" class="topmenu">Startseite</a>&nbsp;|&nbsp;<a href="index.php?id=13" onfocus="blurLink(this);" class="topmenu">Kontakt</a>&nbsp;|&nbsp;<a href="index.php?id=12" onfocus="blurLink(this);" class="topmenu">Impressum</a>&nbsp;|&nbsp;<a href="index.php?id=11" onfocus="blurLink(this);" class="topmenu">Sitemap</a>&nbsp;</td></tr>
    <tr><td></td></tr>
    <tr><td style="height:20px; vertical-align:bottom;" class="untertitel"></td></tr>
    </table>
   <td style="background-color:#177bb9;">&nbsp;</td>

!!!!!!!! ACHTUNG: HIER KOMMT DER ÜBELTÄTER: !!!!!!!!!!!!
<td style="background-color:#dddddd; text-align:right; vertical-align:middle; height:112px;" valign="middle"><img src="fileadmin/logo_website.gif" width="143" height="56" border="0" alt="NewVision Consulting Logo"></td>

<td style="background-color:#177bb9;">&nbsp;</td>
  </tr>

wär super, wenn ihr weiter wüsstet...

Benjamin

[Christoph Schnauß]

hallo Benjamin,

!!!!!!!! ACHTUNG: HIER KOMMT DER ÜBELTÄTER: !!!!!!!!!!!!

Deine Ausrufezeichen-Taste klemmt, und die Shift-Taste auch. Repariere sie oder besorge dir eine neue Tastatur.

Auf des Übels Lösung müßtest du von alleine kommen, wenn du dir deinen "Übeltäter" mal wirklich genau anschaust:

style="text-align:right; vertical-align:middle; height:112px;"

Und dazu kommt ja noch

<td valign="middle">

Irgendwann hat halt jeder Browser (und nicht nur IE 5.5) die Nase voll von widersprüchlichen oder einander ergänzenden Angaben und nimmt dann eben die, die er am besten versteht ...

Grüße aus Berlin

Christoph S.

[Benjamin]

hi!

!!!!!!!! ACHTUNG: HIER KOMMT DER ÜBELTÄTER: !!!!!!!!!!!!

Deine Ausrufezeichen-Taste klemmt, und die Shift-Taste auch. Repariere sie oder besorge dir eine neue Tastatur.

Der einzigste Zweck dieser Zeile war, für euch deutlich zu machen, welche Grafik gemeint ist. hätte vielleicht die #-Taste nehmen sollen - aber den Zweck hats ja erfüllt, du hast gemerkt welche grafik gemeint ist ;)

Auf des Übels Lösung müßtest du von alleine kommen, wenn du dir deinen "Übeltäter" mal wirklich genau anschaust:

style="text-align:right; vertical-align:middle; height:112px;"

hmm, vielleicht ists wirklich zu spät abends für mich ABER:
text-align setzt die grafik horizontal nach rechts und vertical-align verschiebt sie in die vertikale Mitte der Tabellenzelle.

Und dazu kommt ja noch

<td valign="middle">

das habe ich nur reingesetzt, da ich vermutet hab, dass der IE die css angabe nicht interpretiert - und schlussendlich sagt sie ja das selbe aus wie vertical-align ABER auch auch ohne diese Angabe hats nicht funktioniert...

Viele Grüße
Benjamin

[Ingo Turski]

Hi,

Auf des Übels Lösung müßtest du von alleine kommen, wenn du dir deinen "Übeltäter" mal wirklich genau anschaust:

style="text-align:right; vertical-align:middle; height:112px;"

Und dazu kommt ja noch

<td valign="middle">

Irgendwann hat halt jeder Browser (und nicht nur IE 5.5) die Nase voll von widersprüchlichen oder einander ergänzenden Angaben und nimmt dann eben die, die er am besten versteht ...

Wieso? CSS-Angaben haben normalerweise Vorrang vor HTML-Attributen und in diesem Fall ist das ohnehin irrelevant, da es dieselbe Definition ist.

Zur Lösung des Problems könnte vielleicht beitragen, die Gitternetzlinien einmal sichtbar zu machen.

freundliche Grüße
Ingo