Martin Hein: colgroup mit CSS

Hallo Forum,

Ich habe einige (Performance-)Probleme mit der Darstellung einer
sehr grossen Tabelle. Um das zu optimieren, habe ich mir jetzt
angesehen, wie man HTML-Tabellen über <td> und <tr>, womit man
ja eigentlich alles machen kann, noch definierer kann. Meine
neueste Entdeckung heisst <col> bzw. <colgroup>, die ich beide
mit CSS formatieren will.

Bei meinem Versuch:

http://herrhein.com/public/temp/tables.html

... habe ich schon das Gefühl, auf dem richtigen Weg zu sein.
Auf FF und Opera entspricht die Darstellung dem, was ich mit
der CSS-Deklaration definiert habe und wie es aussehen soll,
allerdings macht mir mal wieder der IE einen Strich durch die
Rechnung.

Gibt es da einen Trick, wie ich den IE überreden kann, oder
muss ich die fehlenden Borders doch zellenweise definieren ?

Danke für Tipps und

beste gruesse,
martin

  1. Mahlzeit,

    ... habe ich schon das Gefühl, auf dem richtigen Weg zu sein.
    Auf FF und Opera entspricht die Darstellung dem, was ich mit
    der CSS-Deklaration definiert habe und wie es aussehen soll,
    allerdings macht mir mal wieder der IE einen Strich durch die
    Rechnung.

    Hu? Interessant ... bei meinen Versuchen mit <colgroup> und <col> hat sich bisher eigentlich immer der IE als derjenige Browser gezeigt, der Formatierungsanweisungen für alle Zellen einer Spalte korrekt übernommen hat, wohingegen der Firefox sich nicht die Bohne dran hält - egal, in welcher Form ich welche class- oder style-Attribute in einer <col> verwende, die Zellen der jeweiligen Spalte sehen nie so aus wie gewünscht. :-(

    Gibt es da einen Trick, wie ich den IE überreden kann, oder
    muss ich die fehlenden Borders doch zellenweise definieren ?

    Da muss ich mich doch mal anschauen, wie DU den Firefox überreden konntest. :-)

    MfG,
    EKKi

    --
    sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|
    1. Mahlzeit,

      Gibt es da einen Trick, wie ich den IE überreden kann, oder
      muss ich die fehlenden Borders doch zellenweise definieren ?

      Da muss ich mich doch mal anschauen, wie DU den Firefox überreden konntest. :-)

      Anscheinend konntest Du das doch nicht ;-) ... Du gibst für die 2. Spalte folgendes an:

        
      <col width="75" style="background:red;">
      

      In meinem Firefox hat aber absolut KEINE Zelle in der 2. Spalte einen roten Hintergrund.

      Was genau meinst Du mit

      Auf FF und Opera entspricht die Darstellung dem, was ich mit
      der CSS-Deklaration definiert habe und wie es aussehen soll,

      ?

      MfG,
      EKKi

      --
      sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|
      1. Hello,

        Anscheinend konntest Du das doch nicht ;-) ... Du gibst für die 2. Spalte folgendes an:

        <col width="75" style="background:red;">

        
        >   
        > In meinem Firefox hat aber absolut KEINE Zelle in der 2. Spalte einen roten Hintergrund.  
          
        richtig, das ist ein Überbleibsel, das ich bei dem Beispiel  
        vergessen habe, zu entfernen. Die Angabe hat erwartungsgemäss  
        keinen sichtbaren Effekt: Die Spalte hat eine Hintergrundfarbe,  
        aber alle die Zellen darin haben eigene Hintergrundfarben und  
        die füllen die Spalte ohne Abstände zwischen einander aus.  
          
        
        >   
        > Was genau meinst Du mit  
        >   
        > > > Auf FF und Opera entspricht die Darstellung dem, was ich mit  
        > > > der CSS-Deklaration definiert habe und wie es aussehen soll,  
          
        Ich meinte, die Auswirkung dieser Angabe:  
          
        table col, table colgroup{  
        border: 2px solid #FFFFFF;  
        }  
          
        ... die die vertikelan Borders bei FF und Opera erzeugt.  
          
          
        beste gruesse,  
        martin