Ich komme mit float nicht zurecht
Robert R.
- css
Liebe Mitdenker,
liebe Wissende,
liebe Neugierige,
ja!
ich heb da eine ganz einfache Aufgabe:
In einem Div stehen ein Image und ein Text.
<div>
<img src="...">Und außerdem steht da noch Text
</div>
Das Bild hat per css die Breite 200px erhalten soll von dem Text in dem Div umflossen werden. Außerdem soll das Div gestreckt werden durch das Image und den Text.
Das krieg ich einfach nicht hin. Entwewder schlägt da noch eine andere CSS-Zuweisung zu, oder ich bin eben einfach nur zu blöd.
Wenn ich das Image rauslasse, verhält sich das DIV so, wie es soll.
Spirituelle Grüße
Euer Robert
Liebe Mitdenker,
liebe Wissende,
liebe Neugierige,
ja!
Du suchst floats einschließen
Tut mir leid. Ich raffs nicht.
Der Text streckt das Div, aber das Image nicht. Warum?
Das steht doch genauso eingeschlossen drin im Div!
Spirituelle Grüße
Euer Robert
Hallo
Der Text streckt das Div, aber das Image nicht. Warum?
Das steht doch genauso eingeschlossen drin im Div!
ein Link zu deinen bisherigen Bemühungen ist wohl angebracht.
Gruss
MrMurphy
Liebe Mitdenker,
liebe Wissende,
liebe Neugierige,
ja!
Hallo
Der Text streckt das Div, aber das Image nicht. Warum?
Das steht doch genauso eingeschlossen drin im Div!ein Link zu deinen bisherigen Bemühungen ist wohl angebracht.
Wenn Dir das was nützt?
Spirituelle Grüße
Euer Robert
Hallo,
Du suchst floats einschließen
Tut mir leid. Ich raffs nicht.
Der Text streckt das Div, aber das Image nicht. Warum?
Das steht doch genauso eingeschlossen drin im Div!
aber das Bild ist gefloatet, oder? Dann wird es nämlich so betrachtet, als sei es nicht mehr ein Kind des div-Containers, sondern es bildet einen eigenen, unabhängigen Kontext und beeinflusst Größe und Position seiner Geschwister und Vorfahren nicht mehr - insbesondere wächst das Elternelement nicht mehr mit, wenn der gefloatete Inhalt wächst.
Und genau das möchte man mit dem Einschließen von floats vermeiden, also beispielsweise indem man dem Elternelement ein overflow:auto verpasst. Dann umschließt es auch gefloatete Kinder wieder.
Ciao,
Martin
Lieber Mitdenker Martin,
liebe Wissende,
liebe Neugierige,
ja!
Du bist mein Retter!
aber das Bild ist gefloatet, oder?
Ja.
Dann wird es nämlich so betrachtet, als sei es nicht mehr ein Kind des div-Containers, sondern es bildet einen eigenen, unabhängigen Kontext und beeinflusst Größe und Position seiner Geschwister und Vorfahren nicht mehr - insbesondere wächst das Elternelement nicht mehr mit, wenn der gefloatete Inhalt wächst.
Und genau das möchte man mit dem Einschließen von floats vermeiden, also beispielsweise indem man dem Elternelement ein overflow:auto verpasst. Dann umschließt es auch gefloatete Kinder wieder.
Kaum macht man es richt, schon funktioniert es :-)
Ganz herzlichen Dank.
Ich geh jetzt erstmal eine Runde joggen zum Abregen!
Da habe ich jetzt vier Stunden dran herumgebastelt und mindestens 100 Seiten im Internet durchgewühlt, und diese einfache und saubere Lösung nicht gefunden *puh*
Ich war schon kurz davor, den Rechner aus dem Fenster zu werfen.
Spirituelle Grüße
Euer Robert