Autor |
Nachricht |
mikzaxz
Threadersteller
Dabei seit: 11.01.2012
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 11.01.2012 12:48
Titel Problem mit HTML Tabellen - Zellen falsch ausgerichtet |
|
|
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
Moderator
Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht:
|
Verfasst Mi 11.01.2012 13:16
Titel
|
|
|
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.
|
|
|
|
|
Anzeige
|
|
|
drumming24
Dabei seit: 17.06.2005
Ort: München
Alter: 45
Geschlecht:
|
|
|
|
|
mikzaxz
Threadersteller
Dabei seit: 11.01.2012
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 11.01.2012 17:16
Titel
|
|
|
@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
Threadersteller
Dabei seit: 11.01.2012
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 11.01.2012 17:53
Titel
|
|
|
Problem gelöst !
(<td style='vertical-align:top;'>)
Danke!
|
|
|
|
|
|
|
|
Ähnliche Themen |
Tabellen/Zellen-Frage? (HTML)
HTML, Java, PHP? Tabellen - Zellen - Höhe
Problem mit html tabellen
halbtransparente Tabellen-Zellen in Word
HTML CSS Tabellen durch DIV ersetzen: float-Problem
CSS-Problem: Containerhöhe nicht nach Inhalt ausgerichtet
|
|