08.02.2008, 22:21
|
||||
|
||||
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>
 Also, eh... LOL! Kann mir jemand erklären, weshalb der ff gezwungen wird, das so anzuzeigen? 
|
| Sponsored Links |
|
08.02.2008, 22:28
|
||||
|
||||
|
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.
|
| Sponsored Links |
|
08.02.2008, 22:45
|
||||
|
||||
|
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.
|
|
08.02.2008, 22:50
|
|||
|
|||
|
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 
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte Geändert von andir (08.02.2008 um 22:54 Uhr)
|
|
08.02.2008, 23:13
|
||||
|
||||
|
Zitat:
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... Geändert von paracelsus (08.02.2008 um 23:43 Uhr)
|
|
09.02.2008, 15:34
|
||||
|
||||
|
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
__________________
Ein mehrfacher Gruß aus dem Südosten Klaus
|
 |
| Themen-Optionen | |
| Ansicht | |
|
|
Linear-Darstellung
