DIV - Breite durch Bild bestimmen, nicht durch Text

[Kyroy]

Hallo,

ist es mögllich z.B. die Breite eines div's durch ein eingefügtes Bild festzulegen und der Text, der z.B. drunter steht, passt sich an?

Bsp.:
Bild (200px breit) + langer text
=> div wird 200 px breit und text drunter incl zeilenumbrüchen ;)

Liebe Grüße
Kyroy

 

[threadi]

Ich glaube Du beziehst dich auf die CSS-Eigenschaft float.
float: Elemente umfließen lassen: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets
SELFHTML: Stylesheets / CSS-Eigenschaften / Positionierung und Anzeige von Elementen

Moderation: Verschoben von HTML zu CSS da es um Gestaltung geht.

 

[Kyroy]

Danke für die schnelle Antwort, jedoch weiß ich noch nicht, wie ich hier float einsetzen soll.
Ich habe float schon öter benutzt, allerdings eher um DIVs zu platzieren.

 

[threadi]

Ob div's, Tabellen oder Bilder - float definiert, dass einem Blockelement nachfolgende Elemente dieses umfließen. Und genau das willst Du hier auch machen.

 

[Kyroy]

ah okay, danke.

wenn ich nun ein div habe, was ein div mit bild und eines mit text enthält, wäre das auch noch irgendwie möglich?

 

[threadi]

Ja klar. Wie ich oben geschrieben hatte.

 

[Sempervivum]

Hallo Kyoroy,
mir scheint, hier bist Du missverstanden worden. Wenn ich dich richtig verstehe, willst Du ein Bild in einem div platzieren und die Breite des div soll sich an das Bild anpassen. Und die Breite eines Textes darunter soll sich ebenfalls anpassen, indem Zeilenumbrüche eingefügt werden. Ich kenne hierzu nur eine Lösung mit Javascript: Lies die Breite des Bildes aus und setze die Breite des div entsprechend:

<script type="text/javascript>
window.onload = function () {
document.getElementById("iddiv").style.width = document.getElementById("idimg").offsetWidth;
  };
</script>
<div id="iddiv"><img id="idimg" src="deinbild.jpg"><br>
Hier dein Text.
</div>

Wahrscheinlich gibt es auch eine Lösung mit CSS, aber ich kenne mich leider nur mit Javascript aus.
Viel Erfolg und viele Grüße - Ulrich