[CSS] FF zeigt lücken im border der Tabelle

Dieses Thema im Forum "Webdesign" wurde erstellt von Inuyashaxp, 10. Oktober 2010 .

  1. 10. Oktober 2010
    Zuletzt von einem Moderator bearbeitet: 14. April 2017
    FF zeigt lücken im border der Tabelle

    Hallo zusammen,

    bin grad etwas ratlos, da ich sonst nie Probleme mit Firefox habe :]

    Mein Problem ist das FireFox Tabellenrahmen willkürlich lückenhaft anzeigt, hier mal ein Bild was ich meine:

    Bild

    Wenn ich die Seite neu lade treten die Lücken an einer andern Stelle der Tabelle auf.

    Google Chrome und IE zeigen die korrekt an.

    Hier mal der CSS auszug:

    Code:
    /* Excel Tabellen Style 1 */
    .excel_style1 {
     border-collapse: collapse;
    }
    
    .excel_style1 td {
     border: 1px solid #999999;
     font-size: 12px;
     padding: 3px;
    }
    
    .excel_style1 tr:nth-child(2) {
     font-weight: bold;
    }
    
    #excel_style1_ueberschrift {
     color: #32a5da;
     font-weight:bold;
     font-size: 18px;
     border-left: none;
     border-top: none;
     border-right: none;
    }
    /* Excel Tabellen Style 1 ENDE */
    Hoffe ihr habt nen Lösungsvorschlag ^^

    Grüße Inu
     
  2. 10. Oktober 2010
    AW: FF zeigt lücken im border der Tabelle

    Kannst du eine Online Demo von dem Problem bereitstellen?
    Das scheint, sofern die Lücken wirklich Wirklichkeit erscheinen, ein Fehler in der Gecko Engine zu sein.
     
  3. 10. Oktober 2010
    AW: FF zeigt lücken im border der Tabelle

    Schreibe deine Border-Angaben auch direkt in ".excel_style1", dann geht's:

    Code:
    /* Excel Tabellen Style 1 */
    .excel_style1 {
     [COLOR="Red"]border: 1px solid #999999;[/COLOR]
     border-collapse: collapse;
    }
    
    .excel_style1 td {
     border: 1px solid #999999;
     font-size: 12px;
     padding: 3px;
    }
    
    .excel_style1 tr:nth-child(2) {
     font-weight: bold;
    }
    
    #excel_style1_ueberschrift {
     color: #32a5da;
     font-weight:bold;
     font-size: 18px;
     border-left: none;
     border-top: none;
     border-right: none;
    }
    /* Excel Tabellen Style 1 ENDE */
     
  4. 10. Oktober 2010
    AW: FF zeigt lücken im border der Tabelle

    Super danke ! Mal wieder zu primitiv als das ich drauf käme ^^

    Allerdings is nun um die Überschrift auch nen Rahmen, noch vorschläge bezüglich dazu??

    Grüße
     
  5. 10. Oktober 2010
    AW: FF zeigt lücken im border der Tabelle

    Ich denke dass du die Tabellen direkt aus Excel generiert hast und somit an dem HTML Code keine Änderungen vornehmen möchtest?

    Aber dadurch, dass du mehrere Tabellen verwendest sind manche Dinge falsch. Z.B. muss "excel_standard_ueberschrift" eine Klasse sein und keine ID (dadurch muss diese Klasse nach den Style-Blöcken kommen und die Schriftgröße durch Important durchgesetzt werden)....

    Das Problem mit dem Rahmen um die Überschrift bekommst du auch nur in den Griff, in dem du dem entsprechenden "tr" eine neue Klasse ohne Rahmen zuweist.
     
  6. 11. Oktober 2010
    AW: FF zeigt lücken im border der Tabelle

    danke nochmal ^^

    habs anders gelöst, indem ich einfach rahmen links und rechts vom tr weiß gemacht hab, border: none hat in dem fall nicht funktioniert. Nur IE spackt natürlich wieder rum^^

    Grüße
     
  7. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.