nicht angemeldet
float
Warum steht div_3 im Firefox nicht oben?
Quelltext:
...
<style type="text/css">
.left
{
float:left;
border:3px solid red;
margin:10px;
background:yellow;
width:20em;
}
.right
{
clear:right;
float:right;
border:3px solid blue;
margin:10px;
background:yellow;
width:20em;
}
</style>
</head>
<body>
<div class=right>
div_1<br>
...
</div>
<div class=right>
div_2<br>
...
</div>
<div class=left>
div_3<br>
...
</div>
</body>
</html>
Danke
Shenga
-
Hi,
Warum steht div_3 im Firefox nicht oben?
aus demselben Grund, aus dem auch Opera 8 das inzwischen so umsetzt. Über clear stellst Du im div_2 den Elementenfluß auch für div_3 wieder her.
freundliche Grüße
Ingo-
Hi,
Warum steht div_3 im Firefox nicht oben?
aus demselben Grund, aus dem auch Opera 8 das inzwischen so umsetzt. Über clear stellst Du im div_2 den Elementenfluß auch für div_3 wieder her.und warum gibt es dann clear: [left|right|both|none]?
Div_3 ist doch auch gefloated, also auch nicht im "normalen Fluß".
Text der nach div_3 im Quelltext folgt, wird doch auch ganz oben links (oberhalb des left-floated Divs) dargestellt.Gruß Gunther
-
hi,
und warum gibt es dann clear: [left|right|both|none]?
Um das Umfließen aufzuheben, und nachfolgenden Inhalt eben nicht umfließend, sondern erst darunter anzuzeigen.
Div_3 ist doch auch gefloated, also auch nicht im "normalen Fluß".
Ja, warum überhaupt?
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
Div_3 ist doch auch gefloated, ...
Ja, warum überhaupt?
Was ich hier geschrieben habe, ist eine stark gekürzte Beispiel, im original enthält Div_3 selber Text und Bilder, die gefloated und ge-clear-t (?) sind, und diese clears sollen das Umfließen von Div_1 nicht aufheben.
Gruß
Shenga
-
-
Text der nach div_3 im Quelltext folgt, wird doch auch ganz oben links (oberhalb des left-floated Divs) dargestellt.
Ja genau, das wollte ich gerade schreiben.
Gruß
Shenga
-
-
-
hi,
Warum steht div_3 im Firefox nicht oben?
Wieso sollte er?
Du hast doch Div1 mit einem clear:right ausgestattet - also _müssen_ alle nachfolgenden Inhalte sich doch einen Platz unterhalb von Div1 suchen.gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }