mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mi 01.02.2023 20:28 Benutzername: Passwort: Auto-Login

Thema: Problem mit HTML Tabellen - Zellen falsch ausgerichtet vom 11.01.2012


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Problem mit HTML Tabellen - Zellen falsch ausgerichtet
Autor Nachricht
mikzaxz
Threadersteller

Dabei seit: 11.01.2012
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 11.01.2012 11:48
Titel

Problem mit HTML Tabellen - Zellen falsch ausgerichtet

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
top
Moderator

Dabei seit: 25.11.2003
Ort: Homeofficina Status:-1¼
Alter: 50
Geschlecht: Männlich
Verfasst Mi 11.01.2012 12:16
Titel

Antworten mit Zitat Zum Seitenanfang

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? * Keine Ahnung... *

Aber ganz unabhängig davon: Dort eine Tabelle als Layoutkrücke zu nutzen ist sowieso der falsche Ansatz. * Ich geb auf... *
  View user's profile Private Nachricht senden
Anzeige
Anzeige
drumming24

Dabei seit: 17.06.2005
Ort: München
Alter: 44
Geschlecht: Weiblich
Verfasst Mi 11.01.2012 13:00
Titel

Antworten mit Zitat Zum Seitenanfang

Das dürfte bei der Textausrichtung helfen: http://www.css4you.de/Texteigenschaften/vertical-align.html
  View user's profile Private Nachricht senden
mikzaxz
Threadersteller

Dabei seit: 11.01.2012
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 11.01.2012 16:16
Titel

Antworten mit Zitat Zum Seitenanfang

@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 Grins


@drumming
ich kuck mir das mal an, danke!
  View user's profile Private Nachricht senden
mikzaxz
Threadersteller

Dabei seit: 11.01.2012
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 11.01.2012 16:53
Titel

Antworten mit Zitat Zum Seitenanfang

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


Danke!
  View user's profile Private Nachricht senden
 
Ä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
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.