Servus.

Wenn ihr euch mal auf folgende Seite verirren könnt und sie mal mit IE, Opera und NN anschauen könntet, dann stell ihr fest, das der NN in der Navi Tabelle links die css Eigenschaften nicht korrekt darstellt, bzw. nicht übernimmt. Leider war meine Suche bis jetzt erfolglos und ich weiss nicht, wo der Haken ist. Vielleicht könnt ihr mir weiterhelfen.

http://www.frevil.de

Vielen Dank. Ciao.

frevil

Nimm bitte die HTML-Kommentare aus der CSS raus - in CSS werden Kommentare so gesetzt:

/*Dies ist ein Kommentar*/

Dann hat Mozilla/Netscape auch keine Probleme mehr damit.

Und so nebenbei: Du willst wirklich Tabellen zum Layouten mißbrauchen?

Hi.

Danke für deinen Tip. Jetzt macht auch Netscape was ich will!

Zu deiner anderen Frage. Ich hab da auch schon drüber nachgedacht. Ich wollte es halt mal mit Tabellen versuchen.

Wo genau jetzt bei Tabellen der Vor- und Nachteil beim Layout liegt, habe ich (muss ich ehrlich sagen) irdengwie noch nicht ganz kapiert. Vielleicht, weil ich in Sachen Webdesign noch nicht so ganz den Profistatus erreicht habe.

Ich möchte hier jetzt auch keinen große Diskussion entfachen, weil das Thema bestimmt schon 1000mal diskutiert....

...Allerdings fänd ich ne kurze zusammenfassende Erklärung mal net schlecht.

Ciao und nochmal Danke.

frevil

Vorteile liegen u.a. in schnelleren Ladezeiten der Seiten, übersichtlicherem Quellcode und mehr Barrierefreiheit i.V.m. Screenreadern z.B.

Björn

Ähm, Björn, Du meinst jetzt sicher die Vorteile beim Verzicht auf Tabellen, oder? - so könnte man es auch mißverstehen...

@ frevil:
Du bist hier im XHTML-Forum. Und bei XHTML - aber eigentlich auch schon bei HTML 4, ist eine Trennung von Layout und Inhalt sehr wichtig. Inhalt ist nur Text und Bilder, korrekt mit (X)HTML ausgezeichnet. Alles andere geschieht mit CSS. Tabellen werden dann nur für tabellarische Daten gebraucht, so wie im "normalen Leben" auch.

Wie weit man das treiben kann, zeigt diese Seite sehr deutlich: http://www.csszengarden.com
Eine einzige XHTML-Datei - die mit immer neuen Stylesheets verknüpft wird - die Links führen also nicht zu neuen Seiten, sondern nur zu neuen Verknüpfungen. Über 100 verschiedene Designs gibt es bis jetzt. Ich find´s echt faszinierend.

Nicht die Ladezeiten sind kürzer, sondern die Darstellungszeit in Browsern, die keinen guten Rendereingalgorithmus für Tabellen haben (also alle außer Opera 3 und 7), weil die zur Berechnung der Breite eben auf das schließende Tag warten.

Die aktuellen Screenreader haben auch keine Probleme mehr mit Layouttabellen, solange man sie nicht mehrfach verschachtelt.

Wer Probleme hat:
• Browser auf Kleinstgeräten wie Handhelds,
• Druckausgaben (insbesondere der IE Win stellt die tollsten Dinge mit Tabellen beim Ausdruck an)
• Brailleleser, denn die bekommen oft tatsächlich alles so nebeneinander, wie es auf dem Bildschirm steht — und brechen nach 40 oder 80 Zeichen um, was dann vollends für Chaos sorgt.

Das gilt aber alles auch für festgezurrte tabellenfreie Layouts! Wichtig ist die Flexibilität eines Layouts. Da der IE Win aber die Eigenschaft »display« so gut wie gar nicht unterstützt, machen Tabellen immer dann Probleme, wenn jemand wirklich diese Flexibilität erreichen will.

Meine Faustregel: Jedes Layout sollte ohne Probleme bis auf 20em zusammengeschoben werden können. Bei Platzproblemen hat sich der Fluß der visuellen Elemente (Boxen wie die Navigation z.B.) dem Leser anzupassen.