Float im IE klappt nicht richtig !

Diskutiere das Thema Float im IE klappt nicht richtig ! im Forum Web-Design

  1. Jass

    Jass Thread Starter Mitglied

    Beiträge:
    1.249
    Zustimmungen:
    105
    Mitglied seit:
    10.02.2007
    Hallo

    ich habe ein Problem bei der Positionierung von <div> über float beim IE 6.
    Gecleart ist es, es geht auch nur um ein einfaches 2 Spalten layout. Links der Content, rechts das Menu. Aber der IE 6 unter Windows setzt das menu unter den Content. Was mache ich falsch :confused:

    Hier mal der Link zu der Seite ist wohl sinnvoller als den gesamten Code hier rein zu posten

    Link zur seite

    danke euch schon mal:)

    jass
     
  2. UDH5

    UDH5 Mitglied

    Beiträge:
    429
    Zustimmungen:
    26
    Mitglied seit:
    05.07.2007
    Der IE6 hat einen Float Bug. Ich würde mal testweise die Breite des Menüs verringern.

    EDIT: float:left statt right für das Menü funktioniert eventuell besser.
     
  3. Jass

    Jass Thread Starter Mitglied

    Beiträge:
    1.249
    Zustimmungen:
    105
    Mitglied seit:
    10.02.2007
    Hmm, ein Freund hat es mal für mich getestet und mit background was eig alls in Ordnung...gibt es nicht einen bekannten hack um dieses Problem zu lösen?:confused:

    oder habe ich einen Fehler in der seite gemacht
     
  4. UDH5

    UDH5 Mitglied

    Beiträge:
    429
    Zustimmungen:
    26
    Mitglied seit:
    05.07.2007
    Der workaround steht im Beispiel. Vergleich mal den Abstand links zwischen Rahmen und Text mit dem Internet Explorer 6 display im Bug-Beispiel.
     
  5. UDH5

    UDH5 Mitglied

    Beiträge:
    429
    Zustimmungen:
    26
    Mitglied seit:
    05.07.2007
    Hier ein Beispiel mit 2 x float:left, da taucht das Problem nicht auf
    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">
    <head>
    </head>
    <body>
    <div style="width:520px;border:1px solid #000">
    <div  style="width:300px;float:left;padding:5px;background:red">
    trdfjz fjzft kzfgkuzfkztf
    </div> 
    <div style="width:200px;float:left;padding:5px">
    bjbkjbjh jkj bjhjbnkjb</div>
    <div style="clear:both"></div>
    </div>
    </body>
    </html>
     
  6. Jass

    Jass Thread Starter Mitglied

    Beiträge:
    1.249
    Zustimmungen:
    105
    Mitglied seit:
    10.02.2007
    Okay, danke für deine Hilfe UDH5, aber ich habe das Problem bei mir bereits gefunden: Sowohl das Menu als auf der Content hatten Margin, und zwar so viel dass beides gerade nebeneinander gepasst hat. Nun interpretiert der IE das aber flasch, wodurch sich der margin verdoppelt hat und so zu wenig Platz war. Ein einfaches "display:inline" hat gereicht, jetzt klappts :)
     
  7. ThaHammer

    ThaHammer Mitglied

    Beiträge:
    3.294
    Zustimmungen:
    13
    Mitglied seit:
    01.06.2004
    Der Inhalt ist für den IE zu Breit!
     
  8. Jass

    Jass Thread Starter Mitglied

    Beiträge:
    1.249
    Zustimmungen:
    105
    Mitglied seit:
    10.02.2007
    Yup, deswegen "display: inline:, denn interpretiert er das ganze richtig :)
     
  9. wusa

    wusa Mitglied

    Beiträge:
    536
    Zustimmungen:
    18
    Mitglied seit:
    24.08.2006
    Hallo Zusammen,

    ich hab hier ein bisschen anderes Problem zum Thema IE und float ;)

    Ich hab auch eine Seite mit einem 2 Spalten Layout. Drüber der Header, drunter der footer.
    Die 2 Spalten sind DIV's die jeweils nach links und rechts gefloatet wurden. Danach werden im Footer beide floats gecleart.

    Mein Problem der IE positioniert den Footer immer unter dem niedrigeren DIV und überlagert so das höhere der beiden.

    Safari und FF hingegen orientieren sich immer am höheren von beiden DIV's.

    Jemand nen heißen Tip?
     

    Anhänge:

    • ff.jpg
      ff.jpg
      Dateigröße:
      26,9 KB
      Aufrufe:
      38
    • ie.jpg
      ie.jpg
      Dateigröße:
      28,3 KB
      Aufrufe:
      38
  10. nuz:y

    nuz:y Mitglied

    Beiträge:
    191
    Zustimmungen:
    3
    Mitglied seit:
    28.01.2005
    das sind etwas wenig angaben, vlt postest du mal einen link.
     
Die Seite wird geladen...

MacUser.de weiterempfehlen

  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Akzeptieren Weitere Informationen...