XHTMLforum - Floats verschwinden im nichts, Fließer überdecken Floats.

XHTMLforum (http://xhtmlforum.de/index.php)

- CSS (http://xhtmlforum.de/forumdisplay.php?f=73)

- - Floats verschwinden im nichts, Fließer überdecken Floats. (http://xhtmlforum.de/showthread.php?t=50283)

Floats verschwinden im nichts, Fließer überdecken Floats.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml1">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<meta http-equiv="Content-Style-Type" content="text/css" />

<meta name="robots" content="no-index, no-follow, no-cache" />

<style type="text/css">

*

{

        margin: 0;

        padding: 0;

        border: 0;

        font: 11px "courier new";

        line-height: 1.25em;

}



body

{

        padding: 10px;

        background: #000;

        color: #EEE;

}



div

{

        margin: 0 4px;

        padding: 5px;

        border: 2px solid #FF0000;

        background: #696969;

}

</style>

<title>Beispiel</title>

</head>

<body>



<div style="float: left;">

        Text in schwimmender div

</div>



<div style="float: right;">

        Text in schwimmender div

</div>



<p>Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text</p>



</body>

</html>

http://img352.imageshack.us/img352/6771/omgbz7.th.png

Also, eh... LOL! Kann mir jemand erklären, weshalb der ff gezwungen wird, das so anzuzeigen?

Weil bei Dir der Viewport schmäler ist, als die beiden foating Divs gemeinsam an Breite beanspruchen.
Und zwar wird das bei mir unter 400px Breite so wie bei Dir angezeigt, darüber ist OK.

Ich mein doch nicht die automatische Absetzung.

Zum ersten meien ich die Textzeile, die sich über das Float schichtet und zum zweiten, dass die Textzeile "Text in schwimmendem Float" im 'umgebrochenen' Float (Screenseite 2) über seinen Rand hinausgeht.

So ganz spontan habe ich daran gedacht:

Mozilla Clearing Bug

So siehts nämlich aus. Aber der Bug ist erschlagen, also liegt es am fehlenden clearing überhaupt?
Und natürlich an der mangelnden Breite aber für eine genaue Analyse habe ich heute abend keinen Kopf mehr :)

Zitat:

Zitat von nick (Beitrag 371019)

Na, dann wäre erstmal eine Beschreibung dessen - was man wissen möchte - angebracht.
In meinem FF kann man zwar den Viewport ganz zusammenschieben, was mein IE 7 nicht unter die Breite Deiner Divs zulässt, aber der Text geht nicht über das Div hinaus (FF 2.0.0.12)
Ich habe allerdings - in anderem Zusammenhang - oft erlebt, das Text über ein Div hinaus geht, immer dann, wenn ein Wort zu lang für das umbrechen wurde. Aber das wirst Du ja auch selber wissen...

Hi Nick,

[ungefragt dazwischenquatschen] hast du mal probiert die divs in einen div#wrapper zu packen, allen divs eine feste Breite geben und vor Ende #wrapper eine hr class="clear" reinzuschieben.[/ungefragt dazwischenquatschen]

Gruß
Klaus