HarryButter: IE6 bug

Hallo,

ich hab heute den ganzen Tag versucht ein float-bug zu beseitigen!
Ich versuche 3 Divs nebeneinander zu bekommen und benutze dafür float, leider zeigt mir IE6 Lücken zwischen diese an. Da der Box-Modell-Bug seit IE6 behoben wurde (außer wenn er im Quirksmode ist), konnte es nur der 3 pixel bug sein, leider funktionieren die Hacks nicht und mein IE6 hat keine Bugs auf "Textseiten".

Da Google mir nicht helfen konnte und auch IRC nichts gebracht hat, würde ich es gerne hier probieren.

meine Seite ist: http://www.wappix.de/

Ich bedanke mich jetzt schon!

HarryButter

  1. Hallo,

    eine Möglichkeit ist der Verzicht auf float (welches bei dem Code sowieso
    keine Vorteile zu bringen scheint), im einfachsten Fall so:

      
    * html #main {  
      position:absolute;  
      width:400px;margin:0;  
    
    

    Hat in der Variante allerdings eine Art resize-bug beim IE zur Folge.

    Grüsse
    Cyx23

    1. Hallo,

      eine Möglichkeit ist der Verzicht auf float (welches bei dem Code sowieso
      keine Vorteile zu bringen scheint), im einfachsten Fall so:

      • html #main {
          position:absolute;
          width:400px;margin:0;
      
      >   
      > Hat in der Variante allerdings eine Art resize-bug beim IE zur Folge.  
      >   
      >   
      >   
      > Grüsse  
      > Cyx23  
      >   
        
        
      ich möchte die Zentriert haben und nicht an einer bestimmten stelle!
      
      1. Deine verlinkte Seite hat doch wohl etwas mit deinem Ziel zu tun,
        oder geht es um etwas Anderes?

        ich möchte die Zentriert haben und nicht an einer bestimmten stelle!

        Das hast du doch beim Body-Tag bereits durchgeführt (und durch deine
        Angaben auch fürs floaten nur bestimmte Stellen zugelassen)?
        Probier doch einfach mal die geposteten Vorschläge aus und pass es
        etwas an, dann läuft es zumindest schonmal mit deiner Beispielseite.
        Und wenn dir später noch etwas besseres einfällt, ist es ja schnell
        geändert und du kannst auch noch den resize-bug vermeiden.

  2. Hallo,

    erstmal fällt auf: <!DOCTYPE html... Deklaration fehlt. Dann, soweit ich weiß,
    sind im <html>-Tag keine style-Attribute zulässig. Als nächstets tät ich die
    margin-Attribute für das <div id="main"> entfernen.

    That's it, dicon

    1. Hallo,

      erstmal fällt auf: <!DOCTYPE html... Deklaration fehlt.

      Ist mir nicht aufgefallen, XHTML 1.0 Strict mag allerdings bei Dingen wie
      dem von dir angesprochenen Style-Attribut etwas optimistisch sein. Ansonsten
      läßt sich der Rendermodus beim vorliegenden Code auch per "Klick" abfragen,
      alert(document.compatMode).

      Falls ich da beim Test nicht noch zuviel andere Parameter geändert hatte,
      scheint aber ein width: 774px; beim Body o.ä. auch möglich.

      Grüsse

      Cyx23

      http://kristof-lipfert.de/fotografie/

      1. 'n Abend Cyx23...

        scheint aber ein width: 774px; beim
        Body o.ä. auch möglich.

        Mir gings um den <html>-Tag, also

        <html style="height:100%;" xmlns="http://www.w3.org/1999/xhtml">
        ... und im Sinne deiner Frage zum IE-Bug eher um
        die margin-Attribute für das main-DIV... hat die
        Änderung was gebacht?

        Grüße, dicon

        1. 'n Abend Cyx23...

          scheint aber ein width: 774px; beim
          Body o.ä. auch möglich.

          Mir gings um den <html>-Tag, also

          <html style="height:100%;" xmlns="http://www.w3.org/1999/xhtml">
          ... und im Sinne deiner Frage zum IE-Bug eher um
          die margin-Attribute für das main-DIV... hat die
          Änderung was gebacht?

          Grüße, dicon

          hat leider nix gebracht :-/