Fehler im float

[Rolf]

Hallo Zusammen

Ich suche jetzt schon geraume Zeit nach einer Lösung, für einen Fehler den ich im css oder html habe, den ich aber nicht finde.

Ich habe ein Bild mit float left ausgerichtet. Daneben steht ein Text, der eine border-top hat. Diese border-top geht nun bei 12 getesteten Browsern über Text und Bild, nur im IE6 und IE7 geht die border nur über den Text.

Das xhtml sieht so aus:

<img class="portrait_pic" src="bilder_portraits/johann_signer.jpg" alt="Johann Signer" title="Johann Signer" />  
<p class="portrait"><span class="big_text">Christ Dominic:</span> <span class="trikot_nr">24</span>Geburtsdatum: 02.10.1988, Beruf: Schreiner, Position: Linker Fl&uuml;gel, Bisherige Vereine: TV Appenzell</p>

Das css wie folgt:

p.portrait {  
	height: 8.5em;  
	padding: 1em 0 2em 0;  
	border-top: 1px solid #dfdfdf;  
}

.portrait_pic {  
	width: 7.5em;  
	float: left;  
	padding: 16px 16px 0 0.75em;  
}

Weiss einer von Euch wie ich das besser lösen kann, oder wo ich den Fehler mache?

Besten Dank im voraus
Rolf

[ChrisB]

Hi,

Ich habe ein Bild mit float left ausgerichtet. Daneben steht ein Text, der eine border-top hat. Diese border-top geht nun bei 12 getesteten Browsern über Text und Bild, nur im IE6 und IE7 geht die border nur über den Text.

Und ersteres ist gewünscht?

Dann pack das Bild in den Absatz.

MfG ChrisB

[Gunnar Bittersmann]

@@Rolf:

nuqneH

Position: Linker Flügel

Flügel, nicht Flügel.

„Es ist fast immer besser, eine Zeichencodierung zu benutzen, die es erlaubt, die Zeichen in ihrer normalen Form zu verwenden, anstatt Zeichen-Entity-Referenzen oder numerische Zeichenreferenzen zu verwenden.
Die Verwendung von Escapes macht den Quelltext schlechter lesbar und schwerer zu pflegen und kann auch die Dateigröße beträchtlich erhöhen.“ [ESCAPES]

Qapla'