Re: [Typo3-german] Re: [Typo3-german] halb OT Designtabellen und <div> für barrierefreiheit

[Peter Linzenkirchner]

Hallo Russ, Sven,

Am 1. Sep 2005 um 09:26 schrieb Peter Russ:

>
> Schau dir mal Beispiele an:
> www.tugmuc.de
> www.bonus-balear.de
> www.pannenschutz.de
> www.4many.de

Nicht rundum positiv, diese Beispiele.
- tucmuc.de zeigt nicht in allen Browsern an, z. B. in KDE-Browsern  
fehlt der Text, in IE für Mac ist die Seite leer.
- bonus-balear ist offline
- pannenschutz leitet um auf eine Seite mit Tabellendesign und Frames
- 4many hat ähnliche Probleme wie tucmuc.de in diversen Browsern,  
ausserdem rutschen die Textblöcke beim Zoomen von Texten unleserlich  
übereinander. Typisch für absolut platzierte Layer.

Wie JoH schon gesagt hat, sind Layouttabellen nicht verboten, sondern  
nur eingeschränkt und reglementiert. Verboten ist vor allem eine  
Schachtelung von Tabellen. Wenn Du nicht mit floats umgehen kannst  
(oder willst), sind einfache - ungeschachtelte - Layouttabellen das  
richtige. Absolut positionierte Layer sind schlechter geeignet als  
klug eingesetzte Layouttabellen.

Ein kleines Plädojer für Tabellen:
http://www.vorsprungdurchwebstandards.de/ein_herz_fuer_tabellen.html
Auch wenn ich selbst nur noch selten Layouttabellen einsetze, finde  
ich diese Seite sehr anregend. Nicht Tabellen Nein heisst die Devise  
sondern Tabellen richtig.

Sehr interessant ist diese Seite:
http://www.usability.com.au/resources/tables.cfm
Der Autor bespricht hier den Einsatz von Datentabellen, verwendet in  
seiner Seite allerdings floats für das Layout. Es gibt Inhalte, bei  
denen sind Tabellen nicht nur erlaubt, sondern das einzig Richtige.

Gut zum Lernen der CSS-Techniken, nicht nur von CSS-Layouts:
http://css.maxdesign.com.au/
http://glish.com/css/
http://bluerobot.com/web/layouts/default.asp
http://www.webwriting-magazin.de/sogehts/cssebenen.shtml

Viele Anregungen und Links gibts hier:
http://www.einfach-fuer-alle.de/

Ein kleines Plädojer contra <div>-Inflation und für die Verwendung  
von semantischem Markup:
http://yatil.de/Webentwicklung/der-div-wahnsinn#spezifitaet
Fand ich auch sehr anregend.

Natürlich der Klassiker:
http://www.csszengarden.com/
Hier kann man auf Hunderten von Seiten selbst analysieren, welche  
Technik welche Effekte hat.

viel Spass,
Peter

-- 
-----------------------------------------------
Peter Linzenkirchner
Lisardo Multimedia GmbH
Herrenbachstraße 19, 86161 Augsburg
Tel. ++49-821-150565, Fax ++49-821-150595
-----------------------------------------------