[mikzaxz]

Hallo!

Ich habe ein Problem mit html Tabellen und bin mittlerweile echt an einem Punkt, an dem ich nichtmehr wirklich weiter weiss!
Ich habe eine Tabelle mit einer Zeile und 2 Spalten, in der ersten Spalte ein Bild und in der zweiten ein Text. Dieser Text ist aber alles andere als an dem richtigen Ort positioniert. Aber schaut es euch selbst an, ist mit Firebug sichtbar gemacht:

http://www.nomax.cc/site.gif

Wie man sieht, einfach nur 2 Spalten, doch der rechte Text wird aus (mir) unerklärlichen Gründen am unteren Ende ausgerichtet. Auch die Höhe stimmt nicht, die müsste ja maximal so groß sein wie das Bild. (Anmerkung: Das Bild hört unten am schwarzen Rand auf)

Ich poste euch hier mal den Quelltext der Stelle:


<div class="container_bottom box_shadow">
<br>
<table>
<tbody>
<tr>
<td>
<img src="xyz/center_lock_abdeckkappe.jpg" height="300" width="220" border="0">
</td>
<td>Für <a href="zxy">240s center lock</a> und <a href="zzz">Onyx center lock</a>-Naben (ausser Versionen für 15-mm-Achsen).<br>

<br>
Wenn Sie (zunächst) nicht vorhaben die Centerlock-Aufnahme zu benutzen. <br>
Schützt die Verzahnung vor Schmutz und eventuellen Sturzschäden.<br>
<br>
Gewicht: 29 g
</td>
</tr>
</tbody>
</table>
</div>


Es ist mir also wirklich unerklärlich, wieso das nicht passt!
Das DIV , in dem sich die Tabelle befindet, hat folgende Stylesheets zugewiesen bekommen:


.container_bottom {
background-color: #FFFFFF;
border: 1px solid #CBCBCB;
border-radius: 5px 5px 5px 5px;
clear: both;
font-size: 12px;
margin-bottom: 10px;
margin-left: 0;
padding: 10px;
width: 798px;
}
.box_shadow {
box-shadow: 1px -1px 5px 0 #DCDCDC;
}


Ich würde mich wirklich sehr freuen, wenn mir jemand einen heissen Tipp geben könnte! MFG

[top]

Kannst du die Seite nicht online zeigen? Nur ein Screenshot und ein Bruchteil aus deiner CSS-Datei reicht zur Fehlersuche nicht aus.

Da kann ich nur raten:
Hat das Bild vielleicht irgendwo ein margin-right verpasst bekommen, der den Text dazu veranlasst nach unten zu rutschen?

Aber ganz unabhängig davon: Dort eine Tabelle als Layoutkrücke zu nutzen ist sowieso der falsche Ansatz.

[drumming24]

Das dürfte bei der Textausrichtung helfen: http://www.css4you.de/Texteigenschaften/vertical-align.html

[mikzaxz]

@top ich werd dir ein Link als PM zukommen lassen.

Und das mit der Tabelle ist mir auch klar, die Sache ist aber die dass die Produktbeschreiobungen (1000+) so in der DB gespeichert sind und inklusive Tabelle ausgelesen werden. Den Aufwand, alles zu ändern, tu ich mir nicht an


@drumming
ich kuck mir das mal an, danke!

[mikzaxz]

Problem gelöst !
(<td style='vertical-align:top;'>)


Danke!