nicht angemeldet
Hallo!
Dieses Problem kommt mir immer wieder unter, aber ich kriege es bislang (ohne Tabellen - nur mit CSS) einfach nicht hin: Ich habe links eine Grafik, die rechts von Fließtext umflossen, welcher wiederum vertikal zentriert dargestellet werden soll. Also so soll es am Ende aussehen:
--------
|******|
|******|
|******| text text text text text
|******| text text text
|******|
|******|
--------
Der pure HTML-Code sieht bislang in etwa so aus:
<div>
<img id="bild" src="quelle.jpg">
<span id="text"> text text text text text text text text text text text text text text text text text text text text text text text text text text
</span>
</div>
Nur wie formatiere ich die Elemente? Intutiv würde ich sagen so:
#bild {
float:left;
vertical-align:bottom;
}
#text {
vertical-align:middle;
}
Aber das funzt nicht. Die Angabe vertical-align scheint vollständig ignoriert zu werden. Das Beispiel aus SelfHTML bezieht sich auf eine Tabellenzeile. Wahrscheinlich mache ich im Umgang mit vertical-align etwas völlig falsch. Nur was?
Schöne Grüße,
apstrakt