Text in <div> vertikal zentrieren?

[Thomas Luethi]

Hallo,

Aufgrund barrierefreier Richtlinien darf ich keine Tabelle benutzen,

Man kann die Richtlinien (WCAG, BITV) auch falsch verstehen.
Zumindest fuer tabellarische Daten sind Tabellen immer noch sinnvoll...

Und wenn man z.B. die WCAG 1.0 genau liest, sieht man, dass
selbst Layout-Tabellen grundsaetzlich erlaubt sind.

Und auch mit CSS-Layouts kann man Seiten machen,
die eine schlechte Accessibility und Usability haben...

Fuer weitere Details durchsuche doch mal das </archiv/> nach
den Stichworten
molily Layout-Tabellen barrierefreiheit
;-)

ich möchte nun in einem über eine CSS-Datei definierten Layer (<div>...</div> ) Text vertikal zentrieren, also so, wie es in Tabellenzellen mit "vertical-align: middle;" tadelos funktioniert, beim Layer streiken meine Browser aber

Zu Recht.
vertical-align ist nur fuer Inline-Elemente und Tabellenzellen definiert:
http://www.w3.org/TR/REC-CSS2/visudet.html#propdef-vertical-align
   Applies to: inline-level and 'table-cell' elements

Du koenntest versuchen, den DIV zu einem Inline-Element zu machen:
#kundenzugang { display:inline; vertical-align:middle; }
oder aber, ihn zu einer "Tabellenzelle" zu machen.
Wenn er in einem Element steht, das man zur "Tabelle" gemacht hat,
funktioniert das - zumindest in Mozilla:
http://www.tiptom.ch/homepage/bsp/divzentriert.html
MS IE bis 6.0 kann das offenbar selbst dann nicht, wenn
man drei DIVs verwendet ("Tabelle", "Zeile", "Zelle"):
http://www.tiptom.ch/homepage/bsp/divzentriert2.html

Gruesse,

Thomas