Inhalt eines Divs läßt sich nicht vertikal ausrichten

[Jochen]

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?

[Marius]

Habs ganze nur überflogen, aber warum nutzt du margin bei einem div mit position absolute?

Versuchs  mal mit den Angaben: Top/Left/Right/Bottom

Auch reicht es wenn du bei padding/margin nur eine Zahl gibts, wenn sie für alle Seiten gilt:

margin:    0px;

Ich hoffe das konnte dir zumindest allgemein ein bisschen weiterhelfen.

MfG Marius

[Jochen]

Habs ganze nur überflogen, aber warum nutzt du margin bei einem div mit position absolute?

Naja, irgendwie muss man das absolute Div ja ausrichten?

Versuchs  mal mit den Angaben: Top/Left/Right/Bottom

hast du sowas wie "bottom:0px" gemeint?
das hab ich aus einer anderen antwort. diese anweisung kannte ich bisher gar nicht, deshalb hat mir dein hinweis nix gesagt *g*

aber danke für deine hilfe :-)

[noscript]

vertical-align: bottom;

wirkt nur in Inline-Elementen, ein div ist aber keins

Könnt ihr mir da weiterhelfen?

wie wäre es mit padding?

[Jochen]

vertical-align: bottom;

wirkt nur in Inline-Elementen, ein div ist aber keins

wenn ich aber

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

eingebe, dann ist es immer noch nicht ausgerichtet.

Könnt ihr mir da weiterhelfen?

wie wäre es mit padding?

also das div "von hand" nach unten rücken, bis der text die vertikale ausrichtung hat, die ich will?

[noscript]

wie wäre es mit padding?

also das div "von hand" nach unten rücken, bis der text die vertikale ausrichtung hat, die ich will?

ich meinte eher den Inhalt des div

[Jochen]

wie wäre es mit padding?

also das div "von hand" nach unten rücken, bis der text die vertikale ausrichtung hat, die ich will?

ich meinte eher den Inhalt des div

hm... ich steh grad auf dem schlauch (was vielleicht daran liegt, daß ich schon seit vielen stunden css "programmiere" und ich grad geistig nicht mehr so fit bin *g*), wie meinst du das genau? also wie soll ich vorgehen?

danke!

[Steel]

Hi!

noscript meint wohl du sollst ein enstprechendes Padding einbauen oder aehnliches. (u.U. eine durchaus praktikable Loesung)

Ich sehe das aber ganz anders.Wennich dich richtig verstehe willst du einfach Den text im Logo. Oder auch neben dem Logo aber eben unten.

Dann gibts du deinem Container einfach position:absolute (is ja auch schon) und bottom:0px. Fertig ist die Laube. Eine Hoehe kannst Du Dir damit auch sparen.

Oder hab ich dich irgendwie falsch verstanden?

[Jochen]

Hi,

Dann gibts du deinem Container einfach position:absolute (is ja auch schon) und bottom:0px. Fertig ist die Laube. Eine Hoehe kannst Du Dir damit auch sparen.

Oder hab ich dich irgendwie falsch verstanden?

Nein, absolut nicht. Mit deiner Hilfe hat es jetzt geklappt.
Da wär ich nie drauf gekommen :-)

Danke!

Gruß
Jochen

[Steel]

hehe,

ja. Gelegentlich ist das Wunder der absoluten Positionierung doch zu was gut.