harl3kin: CSS bei geschachtelten Tabellen

Hallo!

Mein Code sieht folgendermaßen aus:

<table width="100%" height="70%" border="0">
<tr>
<td width="10%"></td>
<td>
<table class="out">
<!--       INHALT         -->
</table>
</td>
<td width="10%"</td>
</tr>
</table>

also eine geschachtelte tabelle, wobei ich die innere Tabelle mit der CSS-class "out" formatieren will....aber da setzt CSS aus.
Kann mir jemand helfen?

  1. Hi,

    Mein Code sieht folgendermaßen aus:

    geschachtelte Tabellen sind fast immer ein Zeichen dafür, dass sie für Layoutzwecke missbraucht werden. Bist Du sicher, dass dem bei Dir nicht so ist?

    also eine geschachtelte tabelle, wobei ich die innere Tabelle mit der CSS-class "out" formatieren will....aber da setzt CSS aus.
    Kann mir jemand helfen?

    Wo ist denn Dein Problem?

    Cheatah

    --
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes
    1. Hi,

      Mein Code sieht folgendermaßen aus:

      geschachtelte Tabellen sind fast immer ein Zeichen dafür, dass sie für Layoutzwecke missbraucht werden. Bist Du sicher, dass dem bei Dir nicht so ist?

      also eine geschachtelte tabelle, wobei ich die innere Tabelle mit der CSS-class "out" formatieren will....aber da setzt CSS aus.
      Kann mir jemand helfen?

      Wo ist denn Dein Problem?

      Cheatah

      Was ist daran schlimm?? Wie soll sonst ein Design erstellt werden?

      Einfach in de Head schreiben:

      <style type="text/css">
      <!--
      .out { color: #000000; font-size: 9pt; font-family:Verdana, Arial; text-decoration: none

      }
      -->
      </style>

      1. Hallo,

        Was ist daran schlimm?? Wie soll sonst ein Design erstellt werden?

        Tabellen sind nicht dafuer gedacht.
        Das World Wide Web Consortium (W3C) raet ausdruecklich
        davon ab, Tabellen zu Layout-Zwecken zu missbrauchen.
        Es macht den Seitenaufbau langsamer.
        Viele Benutzer (z.B. Blinde, Leute mit kleinen Bildschirmen)
        koennen Probleme damit haben.
        u.s.w., siehe </archiv/>

        Einfach in de Head schreiben:
        .out { color: #000000; font-size: 9pt; font-family:Verdana, Arial; text-decoration: none }

        Was soll dieser multiple Schwachsinn?

        • es fehlt die Hintergrundfarbe
        • 9pt ist schlecht fuer den Bildschirm (und sowieso zu klein)
        • es fehlt die generische Schriftart
        • text-decoration:none ist ueberfluessig fuer Tabellen
            (und sowieso doof)

        Bitte unterlasse es, zu posten, wenn Du offensichtlich
        keine Ahnung von der Sache hast.
        Danke.

        Gruesse,

        Thomas

        1. Was soll dieser multiple Schwachsinn?

          • es fehlt die Hintergrundfarbe
          • 9pt ist schlecht fuer den Bildschirm (und sowieso zu klein)
          • es fehlt die generische Schriftart
          • text-decoration:none ist ueberfluessig fuer Tabellen
              (und sowieso doof)

          Mich verarschen?

          Wenn du blind bist kann ich da nichts fuer...
          Die Angaben sind Beispiele und nicht fuer seine Zwecke angepasst!

          Bitte unterlasse es, zu posten, wenn Du offensichtlich
          keine Ahnung von der Sache hast.
          Danke.

          Musst ja nicht ausfallend werden!

          1. Hallo,

            Mich verarschen?

            Nein. Zurechtweisen.
            Dein Posting tat naemlich nichts zur Sache.

            Und es enthielt viele Fehler, die man nicht
            so stehen lassen kann, weil sie sonst von
            Newbies im Archiv gefunden und abgetippt werden.

            Wenn du blind bist kann ich da nichts fuer...

            Es ist Deine Sache, wenn Du schlechte Seiten machst,
            und wenn es Dir egal ist, dass diese Seiten von
            vielen Menschen nicht betrachtet werden koennen.

            Ich finde aber eine solche Haltung sehr dumm.

            Und ich finde es peinlich, dass Du offenbar noch
            stolz darauf bist.

            Mir ist es z.B. wichtig, dass auch blinde und
            sehbehinderte Menschen Zugang zu meinen Seiten
            und den Informationen darin haben.

            Die Angaben sind Beispiele und nicht fuer seine Zwecke angepasst!

            Genau. Sie waren ohne jeglichen Sinn. Und nicht hilfreich.
            Also unterlasse es lieber, anstatt irgendeinen Quatsch
            zu schreiben, den wir dann wieder richtigstellen muessen.

            Musst ja nicht ausfallend werden!

            Nein, muss ich nicht.
            Kann ich aber. ;-)

            mfg, Thomas

            1. Gut gut dann apss ich das naechstes mal an...
              Meine Seit soll natuerlich auch fuer alle sichtbar sein, da aber 88% wenn nicht mehr den IE benutzen und 99% von den Leuten die auf meine Seite gehen Windows haben, kann ich das so machen!

              Also Frieden und naechstes mal mach ich das halt anders!

              1. Hi,

                Meine Seit soll natuerlich auch fuer alle sichtbar sein, da aber 88% wenn nicht mehr den IE benutzen und 99% von den Leuten die auf meine Seite gehen Windows haben,

                die "Leute", die auf Deine Seiten gehen, sind übrigens auch z.B. Suchmaschinen. Woher Deine Zahlen stammen, will ich gar nicht erst wissen; es würde wahrscheinlich nur wieder den Unsinn von Browserstatistiken belegen.

                kann ich das so machen!

                Du _kannst_ es auch so machen, wenn kein einziges Aas auf der Welt den IE verwendet. Es ist aber in _keinem_ Fall sinnvoll.

                Cheatah

                --
                X-Will-Answer-Email: No
                X-Please-Search-Archive-First: Absolutely Yes
        2. Was ist daran schlimm?? Wie soll sonst ein Design erstellt werden?

          Tabellen sind nicht dafuer gedacht.

          Das ist nicht belegbar. Keine offizielle Quelle gibt die Auffassung wieder, dass Tabellen in HTML nicht für Layout »gedacht« sind, von HTML+ über RFC 1942 bis HTML 3.2. HTML 3.0 und 3.2 weisen sogar explizit auf die Verwendung »for layout purposes« hin, mit der unter </archiv/2003/6/50186/#m275245> genannten Einschränkung. Was den immer wieder zitierten Absatz aus HTML 4 (»Tables should not be used purely as a means to layout document content ...«) angeht, so haben wir uns schon vor Monaten mit ihm befasst, siehe </archiv/2003/10/60063/#m342121> ff. Dieser Satz sagt zudem nicht aus, wofür »Tabellen« gedacht sind, er stellt nur fest, dass eben diese Problem auftreten (bzw. 1997 auftraten bzw. auftraten konnten).
          Darüber hinaus lässt sich schlecht über Tabellen im Allgemeinen bzw. »an sich« außerhalb des HMTL-Kontexts reden.

          Viele Benutzer (z.B. Blinde, Leute mit kleinen Bildschirmen) koennen Probleme damit haben.

          Argh#$+§*! Ich kann dir dutzendmal widersprechen, du postest immer wieder dieselben unfundierten Behauptungen.
          Das hatten wir schon mehrfach besprochen (erst kürzlich </archiv/2003/9/57707/#m323381>, </archiv/2004/1/68396/#m392384>, </archiv/2003/11/63031/#m357202>, </archiv/2003/6/50186/#m274842> ...). Das trifft auf CSS-Layouts ebenfalls und gleichermaßen zu. Und Tabellenlayout ist auch nicht per se nachteilig für Blinde, wenn Linearisierung möglich ist (sprich, das Tabellenlayout den Zugänglichkeitsrichtlinien entspricht).
          Zur Abwechslung könntest du vielleicht einmal Argumente bringen.

          (Oder, um es mit deinen Worten zu sagen: »Was soll dieser multiple Schwachsinn? Bitte unterlasse es, zu posten, wenn Du offensichtlich keine Ahnung von der Sache hast. Danke.«)

          1. Hallo molily,

            Danke fuer diese tolle Sammlung von Archiv-Links!

            Sobald dieser Thread selbst im Archiv ist, kommt
            er in meine Bookmarks, und ich werde gerne darauf
            verweisen, wenn es wieder mal um Layout-Tabellen
            und Barrierefreiheit geht.

            Mir ist Deine Haltung sehr wohl bekannt, und ich habe
            auch nicht behauptet, dass CSS-Layouts per se
            behindertenfreundlich oder barrierefrei seien.
            Das interpretierst _Du_ IMHO zwischen meine Zeilen hinein.

            Ich sehe vor allem folgende Vorteile von CSS:

            * Mit CSS kann ich als Autor sagen, fuer welches
              Medium das Layout meiner Meinung nach geeignet ist.
              Z.B. kann ich fuer das Medium "Screen" ein
              zweispaltiges Layout (links Menue/rechts Inhalt)
              vorschlagen, aber eine serielle (vertikale) Abfolge
              (zuerst Inhalt, dann Menue) fuer kleine Bildschirme
              (Medium "Handheld").
              Zumindest theoretisch.
              Dass real existierende PDAs und Smartphones oft
              dumme Browser haben, welche media="handheld"
              ignorieren, und dass viele Software fuer
              Blinde offenbar nur ein Aufsatz fuer den
              MS IE ist und auch somit auch durch CSS
              beeinflusst wird, welches mit media="screen"
              eingebunden wird (*), ist eine andere Sache...

            * In Netscape 4 und Opera (5 - 7) kann man CSS ganz
              bequem in den Optionen voellig abschalten.

            * Tabellen auszuschalten erfordert oft mehr Know-How
              und Aufwand (z.B. Benutzerstylesheets, Proxies).
              (Jaja, in Opera 7 ist das auch ueber das Menue moeglich.
              Und es gibt auch noch Lynx.
              Und andere "spezielle" Browser...)

            Natuerlich _kann_ man schlechte HTML-Seiten machen,
            welche ohne CSS schlecht (oder gar nicht) benutzbar sind,
            aber ich denke, dass die Gefahr dafuer weniger gross ist,
            als die Gefahr, dass man schlechte Tabellen baut.

            Keine offizielle Quelle gibt die Auffassung wieder, dass Tabellen in HTML nicht für Layout »gedacht« sind, [...]

            OK, ich sehe, Interpretationen und eigene Formulierungen
            sind bei Dir nicht erlaubt.

            Die HTML 3.2 Specification (1997), welche Layout-Zwecke
            als eine moegliche Anwendung von TABLE angibt
            http://www.w3.org/TR/REC-html32#table
            (aber im gleichen Atemzug auf damit verbundene
            Probleme von [damals aktueller] Spezialsoftware
            hinweist), hatte ich nicht im Kopf.
            Danke fuer den Hinweis.

            Ich werde in Zukunft ganz objektiv schreiben:

            Das W3C raet in zwei Publikationen aus dem Jahr 1999
            davon ab, Tabellen fuer Layout-Zwecke zu gebrauchen.

            HTML 4.01 Specification (Dezember 1999)
            http://www.w3.org/TR/1999/REC-html401-19991224/struct/tables.html#h-11.1:
              "Tables should not be used purely as a means to layout
              document content as this may present problems when
              rendering to non-visual media."

            Web Content Accessibility Guidelines 1.0 (Mai 1999)
            http://www.w3.org/TR/1999/WAI-WEBCONTENT-19990505/#gl-table-markup
              "Tables should be used to mark up truly tabular information
               ('data tables'). Content developers should avoid using
               them to lay out pages ('layout tables')."

            Viele Benutzer (z.B. Blinde, Leute mit kleinen Bildschirmen) koennen Probleme damit haben.

            Argh#$+§*! Ich kann dir dutzendmal widersprechen, du postest immer wieder dieselben unfundierten Behauptungen.

            Also, die Blinden lasse ich von jetzt an aus dem Spiel,
            da sie mit heutiger Software gemaess Deinen zahlreichen
            Postings keine Probleme mehr mit Layouttabellen haben,
            wenn diese nicht verschachtelt sind und gemaess der WCAG
            gemacht sind (d.h. sich z.B. einfach linearisieren lassen).

            Aber auf einem kleinen Bildschirm/Browserfenster (z.B. 320px breit)
            ist man bei Layouttabellen oefter gezwungen, horizontal zu scrollen,
            als wenn die Elemente mit einer schlauen CSS-Loesung (eher float
            als position) fluessig angeordnet sind und auch untereinander
            rutschen duerfen.

            Wenn man dieses Layout mit einer Tabelle macht:

            Bildschirmbreite |
                                v

            *Home        | Ueberschrift
            *Ueber mich  |
            *Fotos       | Text Text Bla Bla bla1 bla2
            *Kontakt     | +-------------------------+
            *Impressum   | | Bild 350x150px          |
                         | |                         |
                         | |                         |
                         | +-------------------------+
                         | Noch mehr Text, um die Seite
                         | zu fuellen u.s.w.

            dann muss ein Benutzer mit einem 320px schmalen
            Bildschirm zuerst mal horizontal scrollen,
            um das Menue "wegzuschubsen" und den groessten
            Teil des Inhalt-Bereichs zu sehen.
            Dann muss er auch waehrend dem lesen staendig
            horizontal scrollen, um auch die Woerter
            ganz rechts ("bla2", "Seite") zu sehen.
            Denn das Bild "zwingt" den Inhalts-Bereich
            auf eine Breite von 350px.

            Bildschirmbreite |
                                v
            Ueberschrift

            Text Text Bla Bla bla1 bla2
            +-------------------------+
            | Bild 350x150px          |
            |                         |
            |                         |
            +-------------------------+
            Noch mehr Text, um die Seite
            zu fuellen u.s.w.

            Bei einer schlauen CSS-Loesung auf einem schmalen
            Bildschirm wuerde dies z.B. zu:

            Bildschirmbreite |
                                v
            *Home
            *Ueber mich
            *Fotos
            *Kontakt
            *Impressum

            Text Text Bla Bla
            bla1 bla2
            +-------------------------+
            | Bild 350x150px          |
            |                         |
            |                         |
            +-------------------------+
            Noch mehr Text, um
            die Seite zu fuellen
            u.s.w.

            ---------
            D.h. man muss "nur" vertikal scrollen, um zum
            Inhalt zu kommen, und dann ist saemtlicher
            Text ohne horizontales Scrollen lesbar.
            Horizontal scrollen muss man nur noch, wenn
            man den abgeschnittenen Teil des Bildes
            rechts sehen will.

            Hier wirst Du vermutlich einwenden

            • dass ich keine praktische Erfahrung mit
                kleinen Geraeten habe und bloss spekuliere
            • dass sich die Benutzer von Handhelds das
                horizontale Scrollen laengst gewohnt sind
            • dass es auch fuer Handhelds Software gibt
                (oder geben wird) welche Tabellen linearisiert

            Freundliche Gruesse,

            Thomas

            P.S. Eine amuesante "Dia-Show" zum Thema
            "Why tables for layout is stupid"
            http://www.hotdesign.com/seybold/index.html

            (*) http://css-discuss.incutio.com/?page=ScreenreaderVisibility

            1. Ich sehe vor allem folgende Vorteile von CSS:

              * Mit CSS kann ich als Autor sagen, fuer welches Medium das Layout meiner Meinung nach geeignet ist. Z.B. kann ich fuer das Medium "Screen" ein zweispaltiges Layout (links Menue/rechts Inhalt) vorschlagen, aber eine serielle (vertikale) Abfolge (zuerst Inhalt, dann Menue) fuer kleine Bildschirme (Medium "Handheld"). Zumindest theoretisch.

              Ja, eben, daher ist es ziemlich schwer, momentan so zu argumentieren. Es geht ja nicht um potenzielle, theoretische Vorteile von CSS, die niemand nutzen kann.

              [CSS abschalten, Tabellen auszuschalten erfordert oft mehr Know-How]

              Da gebe ich dir Recht, keine Frage. Doch erst durch einfach benutzbare und flexibel anwendbare Abschaltmöglichkeiten wie die Operas wird dieses essentielles Feature von CSS ein wirklicher, real nutzbarer Vorteil.

              Natuerlich _kann_ man schlechte HTML-Seiten machen, welche ohne CSS schlecht (oder gar nicht) benutzbar sind, aber ich denke, dass die Gefahr dafuer weniger gross ist, als die Gefahr, dass man schlechte Tabellen baut.

              Das eben denke ich nicht. Was hindert jemanden daran, CSS unvernünftig einzusetzen? Etwa, dass die Lernkurven von CSS steiler sind und ein gleichsam komplexes bzw. überladenes und vertracktes Layout mit CSS schwerer lösbar ist als mit Tabellen? Das würde dem Anfänger Hürden in den Weg legen und ihn zur Einfachheit zwingen statt zur Einsicht, und das hält nur solange vor, bis die Möglichkeiten von CSS erschlossen werden, insbesondere die potenziell problematischen Techniken.

              Der moderate Einsatz von sauberem, einfachem Tabellenlayout für grundlegende Mehrspaltigkeit ohne Tricks mit dutzenden verschachtelten Tabellen war nie das große Problem. Wer von diesem Niveau, auf dem schon Stylesheets für fast alle Formatierungen genutzt werden, zur konsequenten Trennung von Struktur und Präsentation wechselt, wird auch brauchbare CSS-Layouts produzieren. Denjenigen, die seit jeher »klassische«, vermurkste Tabellenlayouts geschrieben haben, geht nicht plötzlich ein Licht auf, wenn sie auf CSS als Layoutmittel umstellen, und sie schreiben nicht plötzlich nur noch hochsemantisches und wohlstrukturiertes Markup, welches gekonnt mit CSS in eine anspruchsvolle Präsentation gebracht wird. Stattdessen würde aus dem murksigen Tabellenlayout ein ebenso murksiges »div-Layout« und ein Wust aus mit position:absolute-»Layern«. CSS verhindert das nicht und das »Layer«-Modell wird die Möglichkeiten des typischen Tabellenlayouters eher erweitern als ihn zu mäßigen.
              Es lässt sich lediglich konstatieren, dass es momentan mehr Tabellenlayouts als solche schlechten CSS-Layouts gibt, aber das hängt eher damit zusammen, dass CSS ingesamt nicht so verbreitet ist. Kommt Verbreitung, kommt problematischer Gebrauch.

              Keine offizielle Quelle gibt die Auffassung wieder, dass Tabellen in HTML nicht für Layout »gedacht« sind, [...]

              OK, ich sehe, Interpretationen und eigene Formulierungen sind bei Dir nicht erlaubt.

              Das ist gar nicht die Frage. Meine Meinung ist, dass sie zu nichts führen und nicht weiterbringen.

              Ich werde in Zukunft ganz objektiv schreiben:

              Das W3C raet in zwei Publikationen aus dem Jahr 1999 davon ab, Tabellen fuer Layout-Zwecke zu gebrauchen.

              Die Kernaussage meines verlinkten Postings war eine andere, du zitierst wieder ohne Beachtung des Kontexts: *Dass* das W3C irgendwo von Tabellen abrät oder abriet, ist vollkommen irrelevant (und nicht zielführend) hinsichtlich einer Argumentation gegen Tabellenlayout; wichtig ist hingegen, *warum* von Tabellen abgeraten wird und ob diese Begründung überzeugend ist.

              Das Argument beider Aussagen ist einzig und allein das besagte: Es gibt Linearisierungsprobleme. (Ich weiß nicht, was hinter dem »may present problems when rendering to non-visual media« sonst noch stecken soll, was vor allem nicht auch gleichermaßen für CSS gelten kann.) Aus heutiger Sicht ist dieses Argument wie gesagt nicht mehr haltbar bzw. äußerst schwach, weil es von überholten Verhältnissen ausgeht. Die WCAG sind sich dessen bewusst: Sie nehmen vorweg, dass die Linearisierungsprobleme eines Tages gelöst sein werden (die besagte Richtlinie 10.3).

              Wenn nun jemand davon überzeugt werden soll, dass Tabellenlayout problematisch ist, bringen diese Zitate rein gar nichts. »Das W3C rät in zwei Publikationen aus dem Jahr 1999 davon ab, Tabellen fuer Layout-Zwecke zu gebrauchen.« ist an sich ein nullwertiger Beitrag zur Frage, *warum* Tabellenlayout nicht für Layoutzwecke gebraucht werden sollte. Diese Zitate vermitteln demjenigen, der sich fragt, *was* tatsächlich, wirklich und praktisch an Tabellen problematisch ist, kein bisschen Einsicht und Erkenntnis, sie erhellen die Diskussion nicht. Was die Zitate aussagen, ist nicht das, was zählt und worauf es ankommt.

              Es geht mir übrigens nicht darum, deine Aussagen zu widerlegen, sondern darum, im Allgemeinen eine wasserdichte Rechtfertigung zu finden. Mir geht es um einleuchtende Gründe und Belege, nicht um Bauchmeinungen und Hörensagen-Halbwissen einerseits und das argumentationslose Zitieren von Vorschriften andererseits. Nur eine handfeste Argumentation kann überzeugen und damit ihren Zweck erfüllen, das habe ich schon in </archiv/2003/12/67615/#m387759> anklingen lassen:

              »Ich finde es insgesamt viel aussichtsreicher, das heißt überzeugender, wenn auf diese Weise für CSS argumentiert wird, nicht darüber, dass das W3C angeblich font verbietet und HTML und Tabellen 'für etwas anderes gedacht' sind und nur im Sinne des Erfinders verwendet werden dürfen. Es interessiert nämlich manche (in einigen Fällen zurecht) nicht, für was eine Technik ursprünglich 'gedacht' ist, sie werden sich von Ge- und Verboten nicht beeindrucken lassen [sondern nur von der Begründung dieser], daher ist diese Argumentationsweise schlichtweg nicht effektiv.«

              Aussagen wie »das W3C hat festgelegt...«, »das W3C schreibt vor...«, »das W3C hat $Technik für $Zweck gedacht« usw. sind also keine Argumente, sie lassen Hintergründe und Ursachen vollkommen außer Acht, sie *erklären nichts* und sind deshalb nicht fähig, jemanden zu überzeugen. Wir brauchen Analyse!(tm)

              "Tables should be used to mark up truly tabular information ('data tables'). Content developers should avoid using them to lay out pages ('layout tables')."

              Das ist eine bekannte Auffassung, die an dieser Stelle nicht begründet wird. Das einzige gegebene *explizite* Argument gegen Tabellenlayout (bzw. Tabellen im Allgemeinen und dem Rat, alle vermeidbaren Tabellen zu vermeiden, d.h. Layouttabellen) im Kontext steckt wie gesagt im Folgesatz »Tables for any use also present special problems to users of screen readers (refer to checkpoint 10.3).« bzw. unter Richtlinie 3 »it is appropriate to use the TABLE element in HTML to mark up tabular information even though some older screen readers may not handle side-by-side text correctly (refer to checkpoint 10.3)«.

              Darüber hinaus handeln die kompletten WCAG von der Trennung von Struktur und Präsentation und deren Vorteilen bzw. sehen dies als Grundzusammenhang an, der eine zugängliche Seite ausmacht. Somit sprechen eher die gesamten WCAG implizit gegen Tabellenlayout, weil es die Vorteile dieser Trennung konterkariert.

              Aber auf einem kleinen Bildschirm/Browserfenster (z.B. 320px breit) ist man bei Layouttabellen oefter gezwungen, horizontal zu scrollen, als wenn die Elemente mit einer schlauen CSS-Loesung (eher float als position) fluessig angeordnet sind und auch untereinander rutschen duerfen.

              Ohne Frage, das stimmt.
              Der springende Punkt ist aber, dass CSS es *ermöglicht*, ein in diesem Sinne flüssiges Layout zu schreiben. Es *fordert* aber nicht ein solches und zieht es auch in der Regel nicht nach sich. Die Erfahrung zeigt, dass diese Möglichkeit nicht genutzt wird. Die gewöhnlichen CSS-Spaltenlayouts, wie sie als Templates von einschlägigen Sites angeboten werden (einschließlich dem W3C, siehe den letzten Absatz von </archiv/2004/1/68396/#m393249> und </archiv/2003/11/63992/#m365148>) und bereits tausendfache Anwendung gefunden haben, sind eben nicht in dieser Weise flüssig, weil sie sich ebenso an starren Konzepten orientieren wie Tabellenlayouts. Sie erzwingen die Mehrspaltigkeit ebenso und sind ebenfalls nicht (bei aktiviertem Screen-Stylesheet) bei 320 Pixel Viewportbreite und ähnlichen Einschränkungen lesbar.
              Was derzeit als höchste Kunst in Sachen CSS-Design gepriesen wird (CSS Zen Garden usw.), ist hinsichtlich des Kriteriums der Anpassungsfähigkeit meist stockkonservativ (feste Breite von 760 Pixel usw.) und nicht vorteilhafter als konventionelles Tabellenlayout. Das ist insgesamt neuer Wein aus alten Schläuchen, das ist kein Fortschritt.

              Daher poche ich die ganze Zeit darauf, dass der angebliche besondere Nachteil von Tabellenlayout »z.B. Leute mit kleinen Bildschirmen können Probleme damit haben« gleichermaßen auf die meisten CSS-Layouts im Umlauf zutrifft (wenn nicht sogar stärker). Es müsste nicht nur für CSS im Allgemeinen plädiert werden, sondern gleichsam für flexible/»fluide« Layouts, wozu CSS natürlich das Mittel der Wahl ist.

              Wenn man dieses Layout mit einer Tabelle macht:

              ...oder mit einem gewöhnlichen CSS-Layout...

              dann muss ein Benutzer mit einem 320px schmalen Bildschirm zuerst mal horizontal scrollen [...]

              Bei einer schlauen CSS-Loesung auf einem schmalen Bildschirm wuerde dies z.B. zu: [...]
              D.h. man muss "nur" vertikal scrollen, um zum Inhalt zu kommen, und dann ist saemtlicher Text ohne horizontales Scrollen lesbar.

              Das ist vollkommen richtig, findet aber nahezu keine Verbreitung.

              P.S. Eine amuesante "Dia-Show" zum Thema
              "Why tables for layout is stupid"
              http://www.hotdesign.com/seybold/index.html

              Das einzige dort genannte »Argument« zu der These, warum CSS-Layout im besagten Sinne zugänglicher ist: »Visitors using screen readers (as well as those with slow connections) do not have to wade through countless table cells and spacers to get at the actual content of our pages.« (http://www.hotdesign.com/seybold/12access.html) Ich habe keinen blassen Schimmer, was damit gemeint ist - ein Screenreaderbenutzer bekommt von zahllosen Tabellen und Spacer-Gifs überhaupt nichts mit und es ist auch keine Mühe, zum nächsten Inhaltsabsatz zu springen. http://www.wdr5.de/ bspw. ist ein klassisches aufgeblasenes Tabellenlayout mit ordentlichen Verschachtelung und Blindgifs en masse, von allem merkt man im JAWS kein bisschen bzw. es wirkt sich nicht in der besagten Art aus.

      2. Hi,

        geschachtelte Tabellen sind fast immer ein Zeichen dafür, dass sie für Layoutzwecke missbraucht werden. Bist Du sicher, dass dem bei Dir nicht so ist?
        Was ist daran schlimm?

        Tabellen sind für tabellarische Daten da.

        Wie soll sonst ein Design erstellt werden?

        Mit CSS. HTML dient der Struktur, _nicht_ dem Design.

        Einfach in de Head schreiben:

        Ich wiederhole meine Frage: Wo ist jetzt eigentlich das Problem?

        .out { color: #000000; font-size: 9pt; font-family:Verdana, Arial; text-decoration: none

        Abgesehen davon, dass Du

        • für Printmedien gedachte Einheiten in Bildschirmmedien einsetzt,
        • die Einstellungen des Besnutzers eklatant missachtest und
        • von der Existenz bestimmter Schriftarten ausgehst, anstatt generische Schriftfamilien mitzuliefern.

        Cheatah

        --
        X-Will-Answer-Email: No
        X-Please-Search-Archive-First: Absolutely Yes
  2. Hallo,

    Kann mir jemand helfen?

    Nein, denn die wichtigsten Informationen hast du uns vorenthalten.

    Wie sieht dein CSS aus?
    Was funktioniert nicht?
    In welchen Browsern tritt das Problem auf?

    mfg NAG

    --
    signatur