Bild links (valign middle) und rechts daneben text

[Nodgeil]

halllo,

hab ein problem. und zwar will ich ein Bild links haben. und rechts daneben ein Text. sollte der Text nun nur eine Zeile haben dann soll er vertikal in der mitte ausgerichtet werden

hat der text nun mehrere Zeilen dann soll das Bild links vertikal in der mitte ausgerichtet werden

______________________________________________________________________
 _____
|        |
|        |     Text
|        |
 ¯¯¯¯¯
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯

______________________________________________________________________
                 Text
 _____       Text
|        |      Text
|        |      Text
|        |      Text
 ¯¯¯¯¯       Text
                 Text
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯

http://hendrik.xados.de/forum/

ich höffe die berschreibung ist exact genug

 

[dkdenz]

Laut eines meiner schlauen Bücher ist es so,
das sich vertcal-align nur auf inline-Elemente anwenden lässt.
Im Übrigen sei die X-Browserunterstützung bescheiden.

Hier noch was zum Stöbern:
http://edition-w3c.de/TR/1998/REC-CSS2-19980512/kap10.html#heading-10.8%A0

 

[dkdenz]

Noch 'n Link:
http://www.css4you.de/vertical-align.html

Wirst wohl die div in span umändern müssen...

 

[Nodgeil]

ich habs auch bisher nur in mozilla getestet ...
danke werds mir ma lanschaun,

will nämlich nur ungern auf ne tabelle zurückgreifen

 

[Nodgeil]

ich kriegs nich hin

kannste mir mal ein code fetzen geben pls.


EDIT: ok mit nem <p> tag hab ichs hinbekommen

bzw mit display: table-cell

 

[dkdenz]

Sehr gut...
+
Sehr gut zu wissen...

 

[Nodgeil]

also mit nem <div> und dem style display: table-cell

p geht auf aber ich find div schöner

 

[Nodgeil]

http://hendrik.xados.de/forum/

kann mir jemand helfen wie ich des im iexplorer hinbekomme