Denny Schierz: IE6 ignoriert border-collapse: separate;

hi,

aus irgendeinem Grund ignoriert der IE mein statement:

table {

border-collapse: separate;
        border-spacing: 2px;
        border-style: none;
}

alle Browser machen es richtig, der IE allerdings nicht.

der IE6.1

http://cstroot.dyndns.org/download/ie_bild1.jpg

Firebird 0.7

http://cstroot.dyndns.org/download/fire_bild1.jpg

Mein html Template:
http://cstroot.dyndns.org/test2.htm.txt

meine CSS Datei:
http://cstroot.dyndns.org/body.css

Was könnte die Ursache sein?

  1. Hi,

    Was könnte die Ursache sein?

    Fehler im IE? Soll's ja auch geben ;)

    E7

  2. Hallo Denny,

    Schoen, dass Du so genaue Angaben gemacht hast und die Testseite
    und Screenshots online gestellt hast.
    Weniger schoen, dass Du nicht vorher die FAQ gelesen hast.
    Dort steht, wie Du aus einer URL einen klickbaren Link machen kannst:
    </faq/#Q-19>

    aus irgendeinem Grund ignoriert der IE mein statement:
    table {

    border-collapse: separate;
            border-spacing: 2px;
            border-style: none;
    }

    Ich vermute mal, es liegt am border-style:none;

    Damit sagst Du zwar eigentlich nur, dass _aussen_ um die Tabelle
    kein Rahmen sein soll.
    Die Rahmen um die einzelnen Zellen definiert man ja mit
    td, th { border: ... }

    Wahrscheinlich musst Du dort die gewuenschten Rahmen definieren,
    und sie dann mit border-collapse:collapse zusammenfallen lassen.

    Wenn die Zellen gar keinen Border haben, kann es auch sein,
    dass der MS IE denkt: "Wo kein Border, da kein Border-Spacing".

    Woran es auch noch liegen koennte: Du hast im _HTML_ noch
    alle veralteten Layout-Attribute im TABLE-Tag:
    <table width="800" border="0" cellpadding="0" cellspacing="0">
    Nimm die raus, und definiere alles in CSS.
    http://www.tiptom.ch/homepage/faq.html?q=tableborder

    Theoretisch sollten die Browser, wenn es einen Konflikt
    zwischen den HTML- und den CSS-Angaben gibt,
    ja den CSS-Angaben den Vorzug geben.
    Kann sein, dass der MS IE das immer noch nicht tut.

    alle Browser machen es richtig, der IE allerdings nicht.

    Kann er border-spacing hier? (Hab gerade keinen MS IE 6...)
    http://www.tiptom.ch/homepage/bsp/tableborder.html (Beispiel 2)

    Gruesse,

    Thomas

    1. hi,

      wie Du aus einer URL einen klickbaren Link machen kannst:
      </faq/#Q-19>

      Ouch, werde ich beim nächsten mal machen, versprochen :-)

      Ich vermute mal, es liegt am border-style:none;

      Das habe ich später reingenommen, nachdem das Problem bereits bestand.

      Woran es auch noch liegen koennte: Du hast im _HTML_ noch
      alle veralteten Layout-Attribute im TABLE-Tag:
      <table width="800" border="0" cellpadding="0" cellspacing="0">
      Nimm die raus, und definiere alles in CSS.
      http://www.tiptom.ch/homepage/faq.html?q=tableborder

      Bingo ! Genau daran lag es. Ich habe nun die Attribute rausgenommen und schon ging es :-)

      Vielen, Vielen Dank !!

      cu denny