Jochen: Inhalt eines Divs läßt sich nicht vertikal ausrichten

Beitrag lesen

Hi,

ich habe auf meiner Seite folgenden Bereich definiert:

<div id="logo-rahmen">
        <div id="logo"></div>
        <div id="firmenname"><h4>TEXT</h4></div>
    </div>

Das Logo setzt sich aus 2 Teilen zusammen: Eine Grafik (im Div LOGO) und ein Name (im Div Firmenname).

Die Layout-Anweisungen in der CSS-Datei dazu sehen so aus:

#logo-rahmen {
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: 220px;
}

#logo {
position: absolute;
width: 264px;
height: 220px;
background: url(../struktur/logo.gif) no-repeat;
background-position: 0px -15px;
}

#firmenname {
position: absolute;
margin: 0px 0px 0px 264px;
width: 486px;
height: 220px;
text-align: right;
vertical-align: bottom;
}

Jetzt soll der TEXT im Div "firmenname" unten ausgerichtet sein, aber ich bekomme es nicht hin, der Text ist immer "top" ausgerichtet.

Komischerweise läßt sich der Text horizontal mit "text-align" problemlos ausrichten.

Habe schon alles probiert, das mir eingefallen ist (bis hin zu weiteren Divs innerhalb des Div "firmenname"), aber ich bekomme es nicht hin.

Könnt ihr mir da weiterhelfen?