Matthias Apsel: td fixe %Breite, Scrollbalken nur wenn nötig

Beitrag lesen

Hallo mathefritz,

       .plz{width:  2.5%;}               /* Platzhalter 4* 2.5%      */
       .dt0{width: 30%; border:1px solid black; /* +  3*30.0% = 100% */
                vertical-align:top;
        }
       .tdtop{color: red; text-align:center; border-bottom: 1px solid black;}
       .tdmid{            text-align:center; border-bottom: 1px solid black;
                                             border-right : 1px solid black;
        }
       .tdmdr{            text-align:right ; border-bottom: 1px solid black;
                                             border-right : 1px solid black;}
       .tdrgt{            text-align:center; border-bottom: 1px solid black;}
       .green{background: lightgreen;}

alles was dort mit border zu tun hat, wird vermutlich durch

table {
  border-collapse: collapse;
  border: 1px solid black;
}

auch erreicht.

<body style="width:100%;">

Über inline-styles wurde schon ausführlich gesprochen. Warum sind die immer noch drin?

<td class="tdtop">Artikel</td> wäre gern <th>Artikel</th>

Die vielen Klassenzuweisungen sind mMn. nicht nötig. Zur Breitenangabe kannst du col-Elemente mit den entsprechenden Klassen verwenden. Die Breiten werden dann auf alle entsprechenden Zellen übertragen. Alternativ geht das auch mit den th-Elementen.

Warum eine Tabelle innerhalb einer Tabelle ist, erschließt sich mir nicht. (Aus deinem Screenshot geht das jedenfalls nicht hervor.

Dem Screenshot entnehme ich außerdem, dass die Klasse .green nur dazu dient, jede zweite Zeile anders zu färben. Abgesehen davon, dass es eine präsentationsbezogene Klasse ist, gibt es tr(odd) { background-color: green;}.

Bis demnächst
Matthias

--
Rosen sind rot.
0 70

td fixe %Breite, Scrollbalken nur wenn nötig

mathefritz
  • css
  • html
  • sonstiges
  1. 0
    Gunnar Bittersmann
    • html
    1. 0
      mathefritz
      1. 2
        Julius
        • html
        • meinung
        1. 0
          mathefritz
          1. 0
            JürgenB
            • css
            • html
            1. 0
              mathefritz
  2. 0
    Rolf B
    1. 0
      mathefritz
    2. 0
      Matthias Apsel
      • css
      1. 0
        Matthias Apsel
    3. 0
      Gunnar Bittersmann
      • css
      1. 0
        Matthias Apsel
      2. 0
        Rolf B
  3. 0
    marctrix
    1. 0
      mathefritz
      1. 0
        marctrix
        1. 0
          Gunnar Bittersmann
          • html
          1. 0
            marctrix
            1. 0
              Gunnar Bittersmann
              1. 0
                marctrix
                1. 0
                  Gunnar Bittersmann
                  • bug
                  • html
                  • selfhtml
                  1. 0
                    marctrix
                    1. 0
                      Gunnar Bittersmann
                      1. 1
                        marctrix
                        1. 0
                          Gunnar Bittersmann
                          1. 0
                            marctrix
                            1. 1
                              marctrix
                              1. 0
                                marctrix
                            2. 0
                              Gunnar Bittersmann
                              1. 2
                                marctrix
                            3. 0
                              Gunnar Bittersmann
                              1. 0
                                marctrix
                                1. 0
                                  Gunnar Bittersmann
                                  1. 0
                                    marctrix
        2. 0
          mathefritz
          1. 0
            Matthias Apsel
            1. 0
              Rolf B
              1. 0
                Matthias Apsel
            2. 0
              Gunnar Bittersmann
          2. 0
            mathefritz
            1. 0
              marctrix
              1. 0
                mathefritz
                1. 0
                  marctrix
        3. 0
          mathefritz
          1. 1
            marctrix
            1. 0
              Rolf B
              1. 0
                marctrix
                1. 0
                  Gunnar Bittersmann
                  1. 0
                    marctrix
                    1. 0
                      Gunnar Bittersmann
                      1. 0
                        marctrix
                        1. 0
                          Gunnar Bittersmann
                          1. 0
                            marctrix
                            1. 0
                              Gunnar Bittersmann
                              1. 0
                                Rolf B
                                1. 0
                                  marctrix
                                2. 0
                                  Christian Kruse
                                  1. 0
                                    marctrix
                                    1. 1
                                      Christian Kruse
                                      1. 0
                                        marctrix
                              2. 0
                                marctrix
                                1. 0
                                  Gunnar Bittersmann
                                  1. 0
                                    marctrix
                                    1. 0
                                      Gunnar Bittersmann
                                      1. 0
                                        marctrix
            2. 0
              mathefritz
              1. 0
                marctrix
      2. 1
        Gunnar Bittersmann
        • css
        • html
        1. 0
          marctrix