✔ Infobox float:right

[zerix]

Hallo,

wie man im Screenshot sieht, habe ich testweise eine Infobox, diese wird später mit anderen Inhalten gefüllt. Diese ist angeordnet mit

float: right

Dummerweise wird bei mir (Firefox 2) der Body nicht vollständig gezeichnet. Ich weiß aber nicht warum. Im Internet Explorer 6 funktioniert es.

MFG

Sascha

 

[Maik]

Hi,

die Floatumgebung muss zum Abschluss noch "gecleart" werden, damit die Box ihren Inhalt in voller Höhe umschliesst:

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

<div id="BodyMiddle" class="clearfix"> ... </div>

P.S. Und wer sich wundert, woher ich den HTML-Code kenne: Sascha hatte mir gestern schon per PN den Link zur Seite genannt ;-)

 

[zerix]

Danke dir.

MFG

Sascha