vertikale Positionierung mit html/css

MartinH

Hallo,

meine Fischseiten sind bislang ein schwer wartbares Patchwork aus unterschiedlich großen Bildern, die kunstvoll in Tabellen eingepasst sind.
Um leichter neue Bilder hinzufügen zu können, möchte ich jetzt bloß noch ein Bild mit Text pro Zeile.
Im bisherigen Prototyp stört mich noch, dass die Texte obenbündig positioniert werden. Ohne Bild sieht das mit "vertical-align:middle;" vernünftig aus, aber mit Bild klebt der Text am oberen Rand. Wegen der sehr unterschiedlich breiten Bilder, würden mir zwei td pro tr nicht sonderlich gefallen.

Wie kriege ich den Text vertikal zentriert?
Vorschläge ganz ohne Tabelle sind auch willkommen.

Martin

Cyberman

Hast du versucht Bild bzw. Text als "float" zu definieren? In Verbindung mit "clear".

Ohne Tabellen ist die vertikale Positionierung allerdings schwieriger fürchte ich, ev. weiß jemand etwas - das einzige das ich kenne ist den Block als table-cell zu definieren...

MartinH

Das Bild hat float:right. Nicht leicht zu finden in der umfangreichen css-Datei

Cyberman

Was ist mit clear?

Im schlimmsten Fall zwei DIVs nebeneinanderlegen und jeweils den Inhalt in die Mitte setzen.

bugcatcher

Soweit ich mich erinnern kann wird vertical-align innerhalb von <div>'s (selbst wenn man denen eine höhe zuweisst) garnicht erst interpretiert. Nur in <td>'s. Warum auch immer.... zumindest sind sich die browser diesbezüglich alle einig... will mal wer w3c-spezifikationen nachlesen gehen?

MartinH

Das "vertical-align:middle" habe ich am td stehen, und es klappt ja auch, solange ich kein Bild hinzufüge.
Jetzt habe ich den Text mal in grün eingefärbte divs geschrieben, um zu zeigen, dass ein clear die div nicht nach unten vergrößern würde.

edit: werde es mit lauter einzelnen Tabellen machen mit je nur einer Zeile und zwei Spalten, von denen die linke den Text enthält und width:100%.