Vertikale Ausrichtung wird nicht beibehalten

[lousypoetry]

Hallo!

Wenn ich zB eine Graphik innerhalb einer Tabelle vertikal mittig :) ausrichte und unter diese Graphik noch andere Objekte platziere, dann verschiebt sich die erste Graphik, die mittig ausgerichtet sein soll nach oben, was eigentlich nicht soll! Gibt es eine Möglichkeit, das zu verhindern? Ich poste mal mein kleines Beispiel:

<table border="0" width="100%" height="400px">
<tr>
 <td><img src="bild.jpg" style="vertical-align: middle;">
     <img src="bild2.jpg" style="margin-top: 1cm;">
     <div style="margin top: 3cm;">ein Text</div>
</td></tr>
</table>

Ich hab auch schon probiert, die Tabelle wegzulassen (weil ich ja inzwischen gelernt hab, dass man die nicht zum Layouten nehmen soll :)), dann scheiter ich aber schon an der vertikalen Ausrichtung der Graphik.

Kann mir jemand weiterhelfen? Danke!

[frankx]

hei,

u.u. kannst du diese tabelle - was bestimmt "unschön" ist - nochmal in eine tabelle mit einer zeile und einer zelle einpacken. diese tabelle sollte dann heigth=100% haben (mit style, sonst ist es "falsch" weil tabellen keine height haben) und dann der <td style="vertical-align: middle"> angeben...; hilft das???

frank

[lousypoetry]

u.u. kannst du diese tabelle - was bestimmt "unschön" ist - nochmal in eine tabelle mit einer zeile und einer zelle einpacken. diese tabelle sollte dann heigth=100% haben (mit style, sonst ist es "falsch" weil tabellen keine height haben) und dann der <td style="vertical-align: middle"> angeben...; hilft das???

leider nein. Das Problem besteht darin, dass trotz "height" Angabe in "style" ich keine Tabelle bekomme, die 100% hoch ist, die Tabelle ist nur so hoch wie ihr Inhalt. Ich poste mal meinen Versuch, vielleicht ist ja auch n Fehler drin:

<table border="1" width="100%" style="height: 100%;">
<tr>
<td valign="middle">
<table border="0" class="maintable">
<tr>
 <td><img border="0" src="allgemein/melloncollie.gif" width="463px" height="77px" alt="www.melloncollie.de.vu">
     <img border="0" src="allgemein/jew_schrift.gif" width="353px" height="61px" alt="here you can be anything" style="margin-top: 0.1cm;">
     <div id="enter" onclick="self.location.href='inhalt.html';" style="margin-top: 1cm;">[ ENTER ]</div></td></tr>
</table>
</td></tr>
</table>