CSS Problem mit Float

[Oleg]

Hallo zusammen,

Mein problem ist folgendes:

bei den News habe ich sehr oft die Aufbau:

<div style="border:1px solid #808080; background-color : #c0c0c0">
<img src="" height="200" width="150" align="left">
Hier stehen genau 3 Zeilen text, Höhe des Textes ist kleiner als von dem Bild
</div>

solange kein Bild drin steht mit float : left oder align : left sieht alles gut aus. Wenn das Bild aber höher ist als Text wird es von den Rahmen der Division nicht umschlossen. Dazu kommt das wenn ich clear : both; verwende versucht das element mit clear sich unter meine Spalten zu stellen. (CSS Layout mit 3 Spalten)

[Efchen]

Mein problem ist folgendes:

Nein, das ist kein Problem, das ist ein Feature.

bei den News habe ich sehr oft die Aufbau:

Semantisch ist das aussagelos. Das ist schade, aber nicht relevant für Dein Problem.

Wenn das Bild aber höher ist als Text wird es von den Rahmen der Division nicht umschlossen.

Richtig. Weil Du das Bild mit float aus dem Textfluss genommen hast.
Wenn der Rahmen das Bild umschließen muss, musst Du den Textfluss wieder herstellen, das geht mit "clear" nach dem Textabsatz.

Dazu kommt das wenn ich clear : both; verwende versucht das element mit clear sich unter meine Spalten zu stellen. (CSS Layout mit 3 Spalten)

Das liegt dann vermutlich am Geltungsbereich der floats.

[Cheatah]

Hi,

Semantisch ist das aussagelos.

Efchen, sei doch bitte nicht immer so negativ. Aussagelos! Wie klingt denn das. Sag doch lieber aussagefrei ;-)

Richtig. Weil Du das Bild mit float aus dem Textfluss genommen hast.
Wenn der Rahmen das Bild umschließen muss, musst Du den Textfluss wieder herstellen, das geht mit "clear" nach dem Textabsatz.

Oder das das Bild umgebende Element selbst floaten.

Cheatah

[Hopsel]

Hi,

Semantisch ist das aussagelos.
Efchen, sei doch bitte nicht immer so negativ. Aussagelos! Wie klingt denn das. Sag doch lieber aussagefrei ;-)

wegen solcher Kommentare liebe ich dieses Forum.

MfG Hopsel