tutorials.de Buch-Aktion 05/2012
RSS-Feed anzeigen

Mark's Blog

Ich mag Tables

Bewerten
von Mark am 20.04.07 um 11:44 (816 Hits)
Habe gestern mal wieder so einige Stündchen damit verbracht, ein "Layout mit Tables" in ein "Layout ohne Tables" - dafür mit so einigen divs - umzuwandeln...

Der Trick, den gesamten Inhalt horizontal und vertical im Fenster zu zentrieren war schnell im Forum zu finden - verschieben mit top und left 50% und dann wieder nach oben und links mit margin zurückschieben. Auch ein Spalt, der sich plötzlich zwischen zwei divs im IE bildete war einigermaßen schnell zu korrigieren: "margin-right: 0 !important; margin-right: -3px;" und der IE wurde brav. Gut, irgendwo sitzt noch ein Text-Input im IE einen Pixel höher, als im Firefox, aber auch da ließe sich sicher ein sogenannter "Hack" finden...

...natürlich liegt es an meinem (fehlendem) "Können", diese ganzen "unterschiedlichen Browser-Interpretationen" zu korrigieren, aber gleichzeitig fiel mir bei den Recherchen im Netz vorallem eines auf: es gibt mehr Websites im Netz, die beschreiben, wie man CSS-Fehler "gerade biegt", als reine Css-Erklärungen! Und jede dieser Seiten beginnt mit der Aufforderung, sich doch endlich von den tables zu trennen, diese seien ja nur für "Tabellen" gedacht.
Daß anschließend ein p-Tag zum reinen Padding mißbraucht wird, spielt da plötzlich keine Rolle. Auch, daß so ziemlich alle Hacks darauf basieren, dem einen Browser zu sagen: "interpretier mich", dem anderen: "übersehe mich" sollte doch bei so manchem Code-Fanatiker ein: "dafür war dieses Tag aber eigentlich nicht gedacht" entlocken.
Und auch das "Schrumpfen" der Site will mir nicht immer einleuchten: natürlich, Kleinvieh macht auch Mist, aber da wird so ein Css-File bei dem ganzen "IE6 ja, IE7 nein und MF vielleicht" mittlerweile so groß, daß dies locker für 10 "Tables" reicht - Cache hin oder her. Desweiteren läßt sich ja ein Table auch mit CSS stylen, so daß in vielen Fällen einfach aus einem <div> ein <td> wird ... doch sogar ein Buchstabe weniger?!
Aber nein, schluß der Diskussion: Tabellen sind wie verwaschene Blue-Jeans, einfach out, basta.

Deshalb die Bitte oder der Vorschlag: wäre es nicht möglich, einfach ein neues Tag einzuführen? Ich nenne es mal liebevoll "<designgrid>". Dieser Table-Klon wäre dann für ein "Layout" gedacht und gleichzeitig keine "Tabelle" - somit völlig legitim!
Wobei: uff, wenn da etwas Neues kommt, interpretieren die Browser dieses "designgrid" eh wieder alle anders...
Also vielleicht noch einfacher: könnte man nicht hochoffiziel, das "Table" umbenennen?!
Z.B. in: tileable arrangement based layout element
...dann wäre es doch für die Gestaltung einer Website da! Dann dürften wir (ich) es wieder benutzen und es wäre wieder Ruhe bzgl. "Zentriere mir den Inhalt", "habe keine Lücken" oder "hack mich hier oder da" uvm.

Nein, kein Gedanken-Gang von einem CSS-Hasser, sondern von einem, der sich wünscht, daß Style-Sheets das können, wofür sie da sind: kompatibel auf allen Browsern und Medien zu sein ... und mit Sicherheit ein Gedanke von jemanden, der sich zu wenig mit der Thematik auskennt, um darüber schreiben zu dürfen

Liebe Grüße,
Mark.

"Ich mag Tables" bei Twitter speichern "Ich mag Tables" bei Facebook speichern

Stichworte: css, html, layout, tables
Kategorien
Internet

Kommentare

  1. Avatar von Tonda
    Hallo Marc,

    interessanter Artikel und ich kann jeden verstehen, der beim Arbeiten mir DIV's und CSS flucht und sich die Tabellen zurückwünscht (sind ja eigenlich gar nicht weg). Aber liegt es nicht eher an den Browsern, allen voran der IE, der es den Webdesigner durch mangelnde und/oder fehlerhafte CSS-Implemetation schwer macht. Bevor irgendwelche neuen Sachen eingeführt werden, sollte erstmal das aktuelle unterstützt werden.

    Einige Nachteile von Tabellen hast Du ja schon genannt, ein paar fehlen noch: Die Site wird erst angezeigt, wenn die ganze Tabelle geladen ist. Und man soll es kaum glauben, gibt es immer noch Menschen, die mit einem Modem oder ISDN durch das Netz surfen und da nerven lahme Seiten.

    Außerdem ist eine Seite, die Tabellen als Designgerüst nimmt, nicht Barrierearm. Ein Screenreader liest die Seite dann so: 1. Zeile - 1. Spalte -> 2. Spalte -> 3. Spalte.
    2. Zeile ->1.Spalte -> 2. Spalte -> 3.

    Wenn in der ersten Spalte das Menü steht und in der zweiten der Inhalt, so wird der erste Menüpunkt vorgelesen (meist Home) und dann gleich der ganze Inhalt der Seite und erst dann der zweite Menüpunkt.

    Um nicht völlig zu verzweifeln kannst Du Dir mal Yaml ansehen. Ein CSS-Framework, der schon für alle gängigen Browser konfiguriert ist.

    Saludos
    Stefano
  2. Avatar von Luzie
    Hallo Mark,

    sehr ausdrucksvoller Artikel,über ähnliches habe ich auch schon nachgedacht.

    Ich möchte mich auch nicht immer wirklich mit dem Non-Tabelle-Layout beschäftigen, Tabellen sind ja so einfach, Boxen u.U. sooooo umständlich, gerade wenn sie floaten müssen und 100%ige Höhe haben sollen.

    Einen einheitlichen Tag, der in jedem Browser gleich dargestellt wird, wünsche ich mir auch. Ich bin bestimmt kein CSS Anfänger, aber Tabellen waren eigentlich zeitmanagementtechnisch gesehen, angenehmer

    Herzliche Grüße, die Luzie!