Zum Inhalt springen

Text _und_ Objekte in Divs mittels css vertikal ausrichten

Erstellt am 19. Juli 2006 · 2 Antworten · letzte Antwort am 20. Juli 2006

Tags: HTML & CSS, Frage

WiseGuy ·

Hallo

Hab schon mehrfach das Problem gehabt, dass ich in Divs keinen Text und auch keine Objekte vertikal ausrichten kann.

Hab an mehreren Stellen gelesen, dass die valign-text Option deshalb in Divs nicht funktioniert, weil die Textzeile in einem Div nicht von der Höhe des Divs bestimmt würde - Darum gibts nix in der vertikalen auszurichten. Das würde nur in Zellen funktionieren.

Ich hab das bisher dann immer mit nem zusätzlichen div gemacht, was ich in dem div hatte, was ich beschreiben wollte. Dieses hilfsdiv hab ich halb so groß gemacht wie das zu beschreibende, wodurch der Text an die korrekte Stelle gesetzt wurde.

Aber diese methode find ich irgendwie blöd, wenn ich mehrere "zellen" hab... Aber ich will nicht wieder auf Tebellen zurück - mit Divs is man so schön unabhängig und kann das Design auch viel besser mal umgestalten als mit Zellen.

Gibts daher irgendwie noch ne bessere Möglichkeit diesem Problem zu begegnen und Objekte aus zu richten?

Außerdem funktioniert diese Methode nicht mehr so einfach, wenn man ein dynamisches Fenster (in der Breite) hat und die Zeilen Anzahl variiert :-(

mfg Benjamin

WiseGuy ·

äh ich meinte natürlich die vertical-align Option (statt valign-text - die gibts doch gar nicht) ;-)

Ja leider ist genau das das Poblem: es funktioniert nur in einem Inline-Element, wie zum Beispiel Tabellenzelle... Was ist display:inline? Das kenn ich noch nicht - werd ich mir nachher gleich mal anschaun.

Die Padding Eigenschaft nutzt mir genauso nix, wenn ich nicht weiß, wie groß das vorhergehende Element ist - gesetz den Fall, ich will etwas in die Mitte oder an den unteren Rand setzen - das währe ja abhängig von der größe des vorherigen Elementes oder nicht?

mfg Benjamin