Der IE floatet nicht richtig...

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Der IE floatet nicht richtig...

    Hi,

    ich hab hier mal ne Beispielseite aufgesetzt.

    http://www.triebschicht.de/spielwiese/iefloat.html

    Sich jetzt schon seit ner Stunde rum und komm einfach auf keinen grünen Zweig. Kann mir einer erklären, warum de IE ( 6+7 ) das tut, was er tut? So wie es im Firefox/Safari/Opera dargestellt wird, sit es gedacht.

    Vielen dank.

  • #2
    weil du mehr platz beanspruchst als vorhanden ist?
    PHP-Code:
    <div style="width: 500px;">...</div>
       <
    div style="width: 200px;">...</div>
       <
    div style="width: 302px;">...</div>
    </
    div
    gruß
    peter
    Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
    Meine Seite

    Kommentar


    • #3
      Danke Kropff - aber das ist genau beabsichtigt, damit die "rote"-Box unter der grünen Landet.

      Oder gibt es eine andere Möglichkeit die beiden Boxen rechtsbündig zu machen, damit der Text links dran vorbei fließt?

      Kommentar


      • #4
        Eine Lösung die funktioniert wäre die hier:
        PHP-Code:
        <div style="width: 200px; height: 100px; margin-top: 220px; float: right; background-color: #ded;">
            
        huhu
        </div>

        <
        div style="width: 200px; height: 200px; float: right; background-color: #edd; margin-right: -200px;">
            
        haha
        </div
        Problem dabei aber, das die obere Box eine unbestimmte höhe hat...

        Irgendwie blick ich gerade nicht ganz durch...

        EDIT:
        Vergesst das bitte - sowie die Boxen unterschiedliche Breiten haben funktioniert es auch nicht mehr.
        Zuletzt geändert von prego; 17.07.2007, 16:39.

        Kommentar


        • #5
          GELÖST

          PHP-Code:
          <div style="width: 200px; height: 100px; float: right; background-color: #ded;">
              
          huhu
          </div>

          <
          div style="width: 250px; height: 200px; clear: right; float: right; border: 1px solid #edd;">
              
          haha
          </div
          Das clear:right löst den vorherigen float auf und "floatet" die untere Box neu - damit landet sie unterhalb der grünen Box.

          Wenn mir das einer vielleicht noch genauer erläutern kann, wäre ich dankbar.

          Kommentar

          Lädt...
          X