Ergebnis 1 bis 8 von 8

Thema: float Problem

  1. #1
    Com783 ist offline Eroberer
    registriert
    06-03-2008
    Ort
    Böblingen, Baden-Würtemberg
    Beiträge
    55

    float Problem

    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
    Geändert von Com783 (13-08-2008 um 21:10 Uhr)

  2. #2
    Avatar von dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

    AW: float Problem

    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>
    Geändert von dkdenz (13-08-2008 um 19:33 Uhr)

  3. #3
    Com783 ist offline Eroberer
    registriert
    06-03-2008
    Ort
    Böblingen, Baden-Würtemberg
    Beiträge
    55

    AW: float Problem

    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?

  4. #4
    Avatar von dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

    AW: float Problem

    Ich verstehe die Frage nicht...

  5. #5
    Com783 ist offline Eroberer
    registriert
    06-03-2008
    Ort
    Böblingen, Baden-Würtemberg
    Beiträge
    55

    AW: float Problem

    Zitat Zitat von dkdenz Beitrag anzeigen
    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.

  6. #6
    ein schlauer ist offline Lounge-Member
    registriert
    18-08-2004
    Beiträge
    14.671

    AW: float Problem

    Gar nicht, das ist ja das tolle an float, es passen soviele Element nebeneinander wie zu Verfügung steht.

  7. #7
    Avatar von dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

    AW: float Problem

    Zitat Zitat von ein schlauer Beitrag anzeigen
    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...

  8. #8
    Avatar von anna55
    anna55 ist offline Moderator
    registriert
    06-02-2006
    Ort
    Taunusstein
    Beiträge
    3.430

    AW: float Problem

    Zitat Zitat von dkdenz Beitrag anzeigen
    Aber ich verstehe die Frage immer noch nicht.
    Hast Du denn meinen Behelfs-Quelltext nicht ausprobiert?
    Oder funktioniert der vielleicht im IE gar nicht?
    Versteh's auch nicht, die IEs setzen das Beispiel ebenfalls perfekt um.


    .:Taunusstein - Nachrichten und Kommentare


    "Ich bin doch lieber jeden Tag glücklich als im Recht."
    (Per Anhalter durch die Galaxis)

Ähnliche Themen

  1. Problem mit CSS "position:absolute" mit JS
    Von bossi im Forum JavaScript
    Antworten: 6
    Letzter Beitrag: 25-03-2005, 10:45
  2. layer problem mit Firefox: Carolina braucht Hilfe
    Von carolina im Forum JavaScript
    Antworten: 25
    Letzter Beitrag: 11-03-2005, 15:28
  3. Antworten: 5
    Letzter Beitrag: 28-02-2005, 18:50
  4. Problem beim kombinieren zweier Scripte
    Von thundervirus im Forum JavaScript
    Antworten: 5
    Letzter Beitrag: 17-01-2005, 13:28
  5. Total obskures Problem ...
    Von Dyonisus im Forum Windows
    Antworten: 4
    Letzter Beitrag: 06-05-2002, 12:10

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •