Problem mit border-bottom bei article

[burn4ever]

Hallo,
ich habe einen article tag welcher einen headline, text und ein rechts ausgerichtetes Bild enthält.
Der article tag hat ein border bottom.

<article>
      <h3>headline</h3>
      <img src="../img/01.jpg" alt="" />
      <p>Lorem ipsum dolor sit amet, consetetur sad ipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. </p>
</article>

Mein Problem:
Dadurch das ich das Bild nach rechts floate, und der Text links neben dem Bild nicht die Höhe des Bildes hat klebt der border des article tags unterhalb des bildes.

Jemand eine Idee was ich dagegen machen kann?

 

[Space Vampire]

Hast du nach dem Text auch gecleared?

 

[burn4ever]

Wenn ich das mache umfließt der Text leider nicht mehr das Bild

 

[Space Vampire]

Wenn du nach dem Text clearst wird der float des Textes aufgehoben?
Du hast ein CSS-Problem. Zeig also bitte auch dein CSS zu den gezeigten HTML-Zeilen.

 

[threadi]

Das könnte auch eine Lösung sein:

article { overflow: hidden; }

 

[Tronjer]

Hallo,
Jemand eine Idee was ich dagegen machen kann?

- Unterhalb des Textes einen leeren <p> Container mit einem Clearfix einfügen
oder
- Den Border nicht direkt auf <article>, sondern auf ein nachfolgendes Blockelement legen
oder
- Einen Ansatz mit <hr /> suchen

 

[burn4ever]

- Unterhalb des Textes einen leeren <p> Container mit einem Clearfix einfügen
oder
- Den Border nicht direkt auf <article>, sondern auf ein nachfolgendes Blockelement legen
oder
- Einen Ansatz mit <hr /> suchen

Habe mich für <hr /> entschieden. Danke