Die_Antwort: Warum Tabellen für Layouts einfach nicht geeignet sind

Beitrag lesen

Hallo,

Nun, ich habe ja hier irgendwo ein Beispiel gestellt, dessen Anforderungen ausschließlich mit CSS erfolgen sollen. Du kannst es dir ja mal angucken (ich erwarte gar nicht, dass das wirklich gelöst wird).

Ich habe nur einen kurzen Blick darüber geworfen und ein paar Probleme mit deinen Begrifflichkeiten. Was soll z.B. „immer nur so breit wie der längste Inhalt, welcher dynamisch geändert werden kann.“ bedeuten?

Ganz einfach: nimm dir eine Division, floate sie rechts und gebe ihr keine Breite. Sie ist ohne Inhalt nicht sichtbar. Wenn aber Inhalt drin ist, ist die Division genauso breit wie das längste Wort (weil selbiges nicht umgebrochen wird).

Mach uns doch bitte eine Tabelle (mit Dynamik), die deinen Anforderungen entspricht, dann können auch Leute mit weniger Vorstellungskraft (so wie ich) sich an dieses Vergnügen wagen. ;)

Gerne, allerdings habe ich im Moment ein wenig zu tun (Ostern und so). Aber ich werde mich darum kümmern (und hoffentlich nicht umsonst).

Mir ist egal, was das für den Browser ist. Für _mich_ ist da ein sinnloses Element. Und wenn ich etwas umbauen möchte, dann muss ich wieder in den Quelltext rein, weil ich das Element nicht mehr brauche oder es plötzlich stört?

Ob das Element _dir_ sinnlos erscheint ist komplett irrelevant. Deine subjektive Aufnahmefähigkeit verändert nicht die Art der übertragenen Informationen.

Aber bei der Entwicklung ist es störend. Zumindest für mich.

Ist schon wahr, dass Elementstützen für das Layout nichts tolles sind, CSS Designer mögen diese auch nicht. Aber sie haben einfach den Vorteil, dass sie die Informationsstruktur nicht negativ beeinflussen. Das kannst du mit keiner Argumentation widerlegen.

Bei Tabellen musst du auch im Quelltext herumstochern. Das kann je nach Struktur ganz schön kompliziert werden.

Eher nicht so kompliziert, weil ich Tabellen nur dann nutze, wenn ich bei CSS weniger Vorteile sehe. Ich selbst habe bis jetzt erst eine einzige (dynamische (PHP & MySQL)) Seite mit Tabellenlayout erzeugt und auch dort nur eine einzige Tabelle verwendet.
CSS und Tabellen schließen sich ja nicht gegenseitig aus, man kann sie wunderbar kombinieren. Tabellen, wenn zwei Spalten immer die gleiche Größe haben sollen und ansonsten CSS. Nur mal als Beispiel.

Leider doch.

Zudem haben Tabellen Probleme mit Minimal- und Maximal-Breitenangaben. Das macht es schwirig, einen guten Lesefluss zu erzeugen.

? Verstehe ich nicht. Da ich so gut wie nie Layouts gestalte, in denen irgendein Bereich in Prozent oder em oder sonstwas angegeben ist (außer selten 100%), verwende ich solche Breitenangaben gar nicht. Solche Angaben sind böse und unflexibel.
Kopier dir mal den Quelltext vom Zen Garden und schreib in einen der Navigationspunkte mal "WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW" hinein. Der Text geht über die Navigation hinaus. Das ist imho schlecht und sollte wenn möglich vermieden werden. Dafür muss die Navigation ihre Größe ausschließlich dem Inhalt anpassen.

[url:http://forum.de.selfhtml.org/?t=168677&m=1100720@title=Dieser Thread hier] ist ein Beispiel dafür, wie es _nicht_ sein sollte. Hier hat Navigation (nach der ersten Antwort) eine feste Größe. Nagut, nicht fest sondern abhängig von der Schriftgröße, aber ansonsten doch fest. Wird nun ein längerer Listenpunkt hinzugefügt als die Navi lang ist, passt sie sich nicht an sondern der Text "overflowed".

Trotzdem muss ich dann zuerstmal die Kommentare lesen, um den Sinn eines Elements zu verstehen. Zugegeben, das <tr> kann ich nicht bezeichnen, das stimmt. Das CSS aber auch nicht, wenn ich solche Hacks einbaue.

Da widerspreche ich dir auch nicht. Ich sage nur dass Unterstützungen für CSS-Layouts weniger Nachteile haben.

Das stimmt natürlich, aber in manchen Fällen lohnt sich der Aufwand nicht für diese Vorteile.

0 167

Warum Tabellen für Layouts manchmal besser als CSS sind

Die_Antwort
  • design/layout
  1. 0
    Kai345
    1. 0
      Die_Antwort
      1. 0
        Stefan Einspender
      2. 0
        Kai345
        1. 0
          Die_Antwort
          1. 0
            ChrisB
  2. 0
    Stefan Einspender
    1. 0
      Stefan Einspender
    2. 0
      Engin
    3. 0
      Die_Antwort
      1. 0
        molily
        1. 0
          Die_Antwort
          1. 0
            molily
            1. 0
              Die_Antwort
              1. 0
                molily
          2. 0
            Gunther
      2. 0
        Stefan Einspender
        1. 0
          Die_Antwort
          1. 0
            Gunther
            1. 0
              Klawischnigg
              1. 0
                Daniel unreg
                1. 0
                  Klawischnigg
                  1. 0
                    Kai345
                    1. 0
                      Klawischnigg
                      1. 0
                        Daniel unreg
                  2. 0
                    Stefan Einspender
                    1. 0
                      ChrisB
                      1. 0
                        molily
                        1. 0
                          ChrisB
                          1. 0
                            Gunther
                            1. 0
                              ChrisB
                          2. 0
                            molily
                    2. 0
                      Klawischnigg
                      1. 0
                        Timo "God's Boss" Reitz
                        1. 0
                          Klawischnigg
                          1. 0
                            Timo "God's Boss" Reitz
              2. 0
                Timo "God's Boss" Reitz
            2. 0
              ChrisB
      3. 0
        Sven Rautenberg
        1. 0
          Die_Antwort
          1. 3
            Sven Rautenberg
            1. 0
              Daniel unreg
            2. 0
              Die_Antwort
              1. 0
                ChrisB
                1. 0
                  Die_Antwort
                  1. 0
                    ChrisB
                  2. 0
                    molily
              2. 0
                Sven Rautenberg
  3. 0
    Heinz
    1. 0
      Daniel unreg
    2. 0
      ChrisB
      1. 0
        Daniel unreg
  4. 0

    Warum Tabellen für Layouts einfach nicht geeignet sind

    Daniel unreg
    1. 0
      Die_Antwort
      1. 0
        Daniel unreg
        1. 0
          Die_Antwort
          1. 0
            Daniel unreg
            1. 0
              Die_Antwort
              1. 0
                Daniel unreg
                1. 0
                  Die_Antwort
                  1. 0
                    Detlef G.
                  2. 0
                    Daniel unreg
                  3. 0
                    ChrisB
                    1. 0
                      Die_Antwort
                      1. 0
                        ChrisB
                        1. 0
                          Die_Antwort
                          1. 0
                            ChrisB
                            1. 0
                              Die_Antwort
                              1. 0
                                ChrisB
                                1. 0
                                  Die_Antwort
                                  1. 0
                                    ChrisB
                      2. 1
                        Detlef G.
                        1. 0
                          Die_Antwort
                          1. 0
                            ChrisB
                            1. 0
                              Die_Antwort
                          2. 0
                            Detlef G.
                            1. 0
                              Die_Antwort
                              1. 0
                                Struppi
              2. 0
                ChrisB
                1. 0
                  Die_Antwort
                  1. 0
                    ChrisB
                    1. 0
                      Die_Antwort
                      1. 0
                        ChrisB
                        1. 0
                          Die_Antwort
                          1. 0
                            Sven Rautenberg
                            1. 0
                              Die_Antwort
                          2. 0
                            Daniel unreg
      2. 0
        ChrisB
  5. 1
    stareagle
    1. 0
      Daniel unreg
  6. 2
    Struppi
  7. 0
    Gunther
    1. 0
      ChrisB
  8. 3

    Warum Tabellen für Layouts häufig besser als <div> sind

    Gonzo
    1. 0
      molily
      1. 0
        Gunther
      2. 0
        Gonzo
        1. 0
          Sven Rautenberg
          1. 0
            Gonzo
            1. 1
              molily
            2. 0
              molily
        2. 4
          molily
    2. 0
      Die_Antwort
      1. 0
        Gonzo
        1. 0
          Daniel unreg
        2. 0
          Die_Antwort
          1. 0
            Detlef G.
          2. 0
            ChrisB
            1. 0
              Die_Antwort
              1. 0
                ChrisB
                1. 0
                  Die_Antwort
                  1. 0
                    ChrisB
                    1. 0
                      Die_Antwort
                      1. 0
                        ChrisB
                        1. 0
                          Die_Antwort
                          1. 0
                            ChrisB
                            1. 0
                              Die_Antwort
                              1. 0
                                ChrisB
                                1. 0
                                  Die_Antwort
              2. 1
                Sven Rautenberg
                1. 0
                  Die_Antwort
      2. 0
        ChrisB
    3. 0
      Klawischnigg
      1. 0
        Gonzo
        1. 0
          Klawischnigg
  9. 0
    molily
    1. 0
      Die_Antwort
  10. -1
    Klawischnigg
    1. 0
      molily
      1. 0
        Klawischnigg
        1. 0
          molily
          1. 0
            Klawischnigg
            1. 0
              molily
              1. 0
                Klawischnigg
            2. 0
              Struppi
              1. 0
                Klawischnigg
  11. 0

    Was HTML nicht ist

    Robert Bienert
    1. 0
      Die_Antwort
      1. 0
        Stefan Einspender
        1. 0
          Die_Antwort
          1. 0
            Struppi
      2. 0
        Detlef G.
      3. 0
        Robert Bienert
  12. 0

    Überlauf verhindern und stattdessen das Element vergrößern (2)

    Christian Seiler
    • css
    1. 0
      Gunther
  13. 0

    MAL EIN BEISPIEL

    Johann
    1. 0
      Die_Antwort
      1. 0
        ChrisB
        1. 0
          Die_Antwort
          1. 0
            ChrisB
            1. 0
              Die_Antwort
              1. 0
                ChrisB
              2. 0
                Stefan Einspender
          2. 0
            Sven Rautenberg
            1. 0
              Die_Antwort
              1. 0
                ChrisB
              2. 0
                Sven Rautenberg
    2. 0

      MAL KEIN BEISPIEL

      Detlef G.
      1. 0

        Beispiele verlinken nicht erlaubt?

        Johann
        1. 0
          Steel
  14. 2

    Don't feed ...

    Gunther
    • meinung
    1. 0
      Die_Antwort
      1. 0
        ChrisB
        1. 0
          Die_Antwort
    2. 0
      Heinz
  15. 3
    Jeena Paradies