Img im div Container an größe anpassen...

[Lilienfan]

ich sitze gerade an einem Problem und hoffe auf eure Hilfe.

Ich möchte ein Bild innerhalb einem div Container floaten und möchte, dass das Bild immer die gleiche Höhe hat wie der Container, der sich in der Höhe dem Text anpasst. Auf manchen PCs, unabhängig vom Browser ist Arial oder ein andere Serifen Schrift installiert (Linux, Mac) und dies führt dazu das der Text unterschiedlich lang ist und so entsprechend der Container manchmal eine andere Höhe hat.

Code:

<div>
<img w= y= float:right>
<p>Text</p>
</div>

Eine Lösung wäre alle eine bestimmte Schrift zu benutzen mit Webfonts etwa. Oder jedem Container eine feste Höhe geben, aber das wäre umständlich.

Geht das überhaupt was ich will?

Bin dankbar für Ideen...

[jnv]

Du kannst aus dem Bild ein Block-Element machen und ihm dann eine Höhe bzw. Breite relativ zum Elternelement geben.