nicht angemeldet
Hallo Leute,
vielleicht müssen mir ja nur die Augen geöffnet werden, und ich bin heute tatsächlich zu doof und sollte lieber Feierabend machen:
Aufgrund barrierefreier Richtlinien darf ich keine Tabelle benutzen, 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 - wo liegt mein Fehler oder wie ist es zu lösen? Bedingungen: barrierefrei (also ohne Tabellen als Stilmittel einzusetzen) und XHTML 1.0-konform:
Hier die Beschreibung des Layers in der CSS-Datei:
#Kundenzugang {
position: absolute;
width: 214px;
height: 44px;
top: 264px;
z-index: 2;
left: 0;
background-color: #FFCF31;
text-align: center;
vertical-align: middle;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
font-weight: bold;
color: #336600;
background-image: url(../images/background_tiles.png)
}
...und hier die Layerdefinition im HTML-Bereich:
<div id="Kundenzugang">
Kundenzugang
</div>
Was mache ich falsch?
Vielen Dank!
Kim