Layout ohne <table> ?
Tyler
- design/layout
0 NAG0 Sven Müller0 Thomas Luethi0 Cyx23
0 Cyx230 Tyler
Schon wieder moinsen!
Ich habe nun schon mehrfach gelesen, das Verwenden von Tabellen (Frames ja sowieso) zum Gestalten des Layouts seien nun völlig veraltet (Zitat z.B.: "Tabellen sind ein uralter Behelf, mangelhaftes semantisches Markup irgendwie auf den Bildschirm zu zementieren und nicht notwendig").
Nun denn: Wenn ich auf einer Seite mehrere Bereiche, Farben, Textfelder u.s.w. plazieren möchte, aber keine Tabellen nutzen darf, was dann? Alles über CSS oder wie? So Standardlayouts (z.B. auch die vorgefertigten hier auf SELFHTML) sind doch darüber nun wirklich am leichtesten zu definieren, oder? Geht es dabei nur um das Unverständnis, das manche alten Browser zeigen, wenn es zum Beispiel um "width" oder so geht?
Bitte nicht falsch verstehen, ich rege mich nicht darüber auf, dass manche Tabellen nicht mögen, sondern möchte ernsthaft Alternativen wissen, da ich quasi absoluter Anfänger bin und über die Suchfunktion nicht so richtig fündig geworden bin. Mir ist zwar klar, dass ich Objekte auch über CSS plazieren kann, aber sind Tabellen nicht auf Dauer einfacher und eher kompatibler zu alten Browsern als CSS?
Dank im Voraus,
Tyler
hi
meine layout basiert auch auf tabellen und funktioniert ;)
ist das nicht die hauptsache!!
p.s. ich bin aber auch gespannt (sofern deine aussagen stimmen) was man besseres anstatt von tabellen zur seitengestaltung nutzen kann
mfg NAG
Hallo,
Tabellen sind unbeliebt, weil man hier, wenn man sie zum Layouten einsetzt ihren eigentlichen Sinn und Zweck "vergewaltigt".
In diesem Zusammenhang ist ein Schlagwort wie "Barrierefreiheit" zu nennen. Wie präsentiert sich ein Tabellenlayout einem Blinden?
In Tabellen sollten nur wirklich Tabellarische Inhalte dargestellt werden.
Die moderne Lösung lautet in der Tat CSS. Wenn man etwas Übung hat, ist es nicht schwer ein gutes Layout hinzubekommen.
Ich empfehle hier http://www.css-technik.de
http://www.style-sheet.de
Alte Browser (ich meine besonders NS 4.7) kann man auch überreden die Seiten gut lesbar darzustellen. An manchen Tabellenkonstrukten verschlucken sie sich auch.
Außerdem ist CSS ein gutes Mittel um Content und Design zu trennen, auch im Hinblick auf das kommende XML.
Hallo zusammen,
Tabellen sind unbeliebt, weil man hier, wenn man sie zum Layouten einsetzt ihren eigentlichen Sinn und Zweck "vergewaltigt".
Jaja, das ist die Theorie...
In diesem Zusammenhang ist ein Schlagwort wie "Barrierefreiheit" zu nennen. Wie präsentiert sich ein Tabellenlayout einem Blinden?
Wenn seine Software genug intelligent ist, den Quelltext zu lesen (also Spalten zeitlich _nacheinander_, in der Reihenfolge, in der sie im Quelltext stehen), und nicht das, was ein visueller Browser _anzeigt_ (also Spalten nebeneinander), dann wird dem Blinden wohl zuerst der Inhalt der ersten Spalte vorgelesen, dann der Inhalt der zweiten Spalte.
Ich denke, dass auch aus diesem Grund Layout-Tabellen in den Accessibility Guidelines des W3C nicht verboten sind, sondern dass es eben nur heisst, dass sie "linearisiert" Sinn geben muessen:
http://www.w3.org/TR/WCAG10/#gl-table-markup
In Tabellen sollten nur wirklich Tabellarische Inhalte dargestellt werden.
Jaja, in der Theorie ;-)
Die moderne Lösung lautet in der Tat CSS. Wenn man etwas Übung hat, ist es nicht schwer ein gutes Layout hinzubekommen.
Oh doch, einen wirklich funktionierenden Ersatz fuer Tabellen fuer ein 2- oder Mehrspalten-Layout zu machen, ist sehr schwer!
Ich empfehle hier http://www.css-technik.de
http://www.style-sheet.de
Da hast Du gerade zwei "wunderschoene" Beispiele dafuer erwischt, wie man eine Seite mit CSS _unbenutzbar_ machen kann!
In Mozilla 1.2.1 und Opera 5.12 muss das Fenster mindestens 800 Pixel breit sein, sonst werden links und rechts Inhalte _abgeschnitten_, und man hat keine Chance, sie durch horizontales Scrollen doch noch vollstaendig anzuzeigen, wie es bei Tabellen der Fall waere.
Die einzige Loesung bei kleinen Fenstern waere also, CSS grundsaetzlich zu deaktivieren:-/
btw: selbst die W3C-Homepage http://www.w3.org/ hat bereits bei 650 Pixeln Fensterbreite eine Ueberlagerung (Das Wort "Internationalization" in der linken Spalte), die mit einem Tabellen-Layout nicht passiert waere.
Alte Browser (ich meine besonders NS 4.7) kann man auch überreden die Seiten gut lesbar darzustellen.
Du meinst, wenn man das CSS vor ihm versteckt? Das ist das einzig vernuenftige, was man mit NN 4.7 tun kann!
An manchen Tabellenkonstrukten verschlucken sie sich auch.
Ja, vielleicht wenn man es uebertreibt.
_Eine_ grosse Layout-Tabelle fuer die 2 oder 3 Spalten sind IMHO kein Problem, auch nicht fuer den alten Netsi.
Außerdem ist CSS ein gutes Mittel um Content und Design zu trennen, auch im Hinblick auf das kommende XML.
Ja, das stimmt schon.
Ein weiteres wichtiges Argument _gegen_ Tabellen, ist die schlechte Darstellbarkeit auf sehr kleinen Bildschirmen (Handhelds, Palm u.s.w.)
Ich will nicht Tabellen als die "Super-Loesung" verteidigen, aber ich moechte einfach sagen, dass es fuer Anfaenger, die primaer fuer visuelle Browser auf Computerbildschirmen coden, Tabellen heute noch die viel zuverlaessigere und einfachere Methode sind.
mfg
Thomas
Hallo,
Alte Browser (ich meine besonders NS 4.7) kann man auch überreden die Seiten gut lesbar darzustellen.
Du meinst, wenn man das CSS vor ihm versteckt? Das ist das einzig vernuenftige, was man mit NN 4.7 tun kann!
Unfug, du kannst sogar das tableless-layout Beispiel vom W3C mit Netscape 4 darstellen (!), dazu bedarf es nur weniger
Änderungen, z.B. möglichst den einen (den einzigen in der Seite) unsinnigen Inlinestyle per Stylesheet umsetzen.
Das Ergebnis ist zwar nicht pixelgenau, entspricht aber den gewünschten Layout recht gut, zumindest besser als
eine Version ohne CSS.
CSS ist also gerade für Netscape 4 einzusetzen und anzupassen, um eher und schneller barrierefreies Webdesign
bei weitestgehender Zugänglichkeit zu ermöglichen.
Grüsse
Cyx23
Hallo,
Ich habe nun schon mehrfach gelesen, das Verwenden von Tabellen (Frames ja sowieso) zum Gestalten des Layouts seien nun völlig veraltet (Zitat z.B.: "Tabellen sind ein uralter Behelf, mangelhaftes semantisches Markup irgendwie auf den Bildschirm zu zementieren und nicht notwendig").
davon, dass es mehrfach zu lesen ist, wird es so pauschal forumuliert nicht richtiger.
Nun denn: Wenn ich auf einer Seite mehrere Bereiche, Farben, Textfelder u.s.w. plazieren möchte, aber keine Tabellen nutzen darf, was dann? Alles über CSS oder wie? So Standardlayouts (z.B. auch die vorgefertigten hier auf SELFHTML) sind doch darüber nun wirklich am leichtesten zu definieren, oder? Geht es dabei nur um das Unverständnis, das manche alten Browser zeigen, wenn es zum Beispiel um "width" oder so geht?
Zum Thema Tableless Layout gitb es z.B. eine Empfehlung des W3C:
http://www.w3.org/2002/03/csslayout-howto
Informationen wie sich CSS, auch solches TablelessLayout a la w3c, für Netscape4 umsetzen lässt gibt es z.B. hier:
http://www.lipfert-malik.de/webdesign/tutorial/css.html
Grüsse
Cyx23
Jawollja, ich danke für die Auskünfte!
Tja, das hatte ich schon befürchtet :). Gutgut, dann werd ich mich mal daran machen, mir CSS als Layout anzugewöhnen, danke in dem Sinne für die Links.
mfg, Tyler
P.S.: Ich weiß, dass es durch mehrfaches Sagen nicht richtiger wird, genau deshalb wollte ich das ja hier kommentieren lassen, ums zu prüfen ;).