• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

float Problem

Com783

New member
Ich habe ein Problem. Ich habe 3 DIV Bereiche untereinander, also:

Code:
<div></div>
<div></div>
<div></div>

mit

Code:
div {
float: left;
width: 300px;
height: 50px;
}

So, schön und gut, funktioniert, ABER...

Der Float bereich wird quasi "aufgehoben" wenn das Fenster zu weit verkleinert wird. Jetzt meine Frage, wie kann man das mit CSS am besten verhindern?


Mfg
 
Zuletzt bearbeitet:
Untereinander? ;)

Nachtrag:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<title>Dokumenttitel</title>
<style type="text/css">
/*<![CDATA[*/
div {float:left;width:300px;height:50px;border:1px solid #000;} 
#rahmen {width:906px;border:1px solid #ff0000;} /*---nach entfernung der border natuerlich 900px---*/
/*]]>*/
</style>
</head>
<body>
 <div id="rahmen">
   <div></div>
   <div></div>
   <div></div>
 </div>
</body>
</html>
 
Zuletzt bearbeitet:
Ja, ich meinte nur, dass die DIV's untereinander im Quellcode sind ;)

Sie sollen natürlich nebeneinander in einer Zeile quasi sein. Und ja, ich war etwas gestresst und hatte halt kein Bock alles zu schreiben ;)

Könnte es sein, das man overflow: visible; bei dem Rahmen macht, damit das nicht geschieht, wenn die Browsergröße verändert wird?
 
Ich verstehe die Frage nicht...

Ja, wenn man, drei DIV Container hat, diese mit float: left; jeweils miteinander verschmelzen. Wenn man dann das Browserfenster soweit verkleinert, verschieben sich die 3 DIV Container jeweils alle nach unten, so, als ob float: left; nie da gewesen ist, darum jetzt meine Frage, wie kann man das verhindern, dass trotzdem die 3 DIV Container nebeneinander erscheinen, auch wenn das Browserfenster stark verkleinert wird.
 
Gar nicht, das ist ja das tolle an float, es passen soviele Element nebeneinander wie zu Verfügung steht.
So sieht's aus...

Aber ich verstehe die Frage immer noch nicht.
Hast Du denn meinen Behelfs-Quelltext nicht ausprobiert?
Oder funktioniert der vielleicht im IE gar nicht?

Wenn Du willst, das die div's bei stark verkleinertem Browserfenster nicht umbrechen, nimm Prozentangaben...
 
Zurück
Oben