vertical-align wird nicht umgesetzt

[Jan Oberhauser]

Hi Leute!

Mein Problem ist folgendes:

Ich habe ein div-Element mit width:100%; height:32px; nun soll eine inputbox genau in der Mitte plaziert werden. das wollt ich mit style="vertical-align:middle" machen aber weder iE noch Mozilla und Opera setzt es um!

Grüße

Jan

[dbenzhuser]

N'Obend

Jo, das ist nunmal so, weil vertical-align nicht für divs bestimmt ist.
vertical-align geht nur in inline-Elementen und Tabellen-Zellen.

Tschö,
dbenzhuser

[Jeena Paradies]

Hallo dbenzhuser,

Jo, das ist nunmal so, weil vertical-align nicht für divs bestimmt ist.
vertical-align geht nur in inline-Elementen und Tabellen-Zellen.

Hm das gleiche Problem habe ich nämlich jetzt auch, und würde es gerne irgendwie so hinbekommen dass das Menü auf http://jeenaparadies.servebeer.com/open/Webs/jeenas-home4/ unter dem Text "Jeenas Home" ist, aber beim vergrößern des Textes nach oben wächst und nicht nach unten. Hat da jemand von euch schon erfahrungen gesammelt wie mach so was hinbekommen könnte?

Grüße
Jeena Paradies

[Ingo Turski]

Hi,

Hm das gleiche Problem habe ich nämlich jetzt auch, und würde es gerne irgendwie so hinbekommen dass das Menü auf http://jeenaparadies.servebeer.com/open/Webs/jeenas-home4/ unter dem Text "Jeenas Home" ist, aber beim vergrößern des Textes nach oben wächst und nicht nach unten. Hat da jemand von euch schon erfahrungen gesammelt wie mach so was hinbekommen könnte?

eine Möglichkeit könnte die Angabe der Höhe der Box in EM sein - dadurch würde sie mit dem Schriftgrad wachsen.
Eine weitere, die Textgrafik als im Textfluß befindliches IMG einzubinden und der Box dann keine Höhe zu geben.

freundliche Grüße
Ingo

[NCoDer]

Habe ein ähnliches Problem: Auf einer Seite sollen oberhalb vom Menübalken 160 Pixel frei bleiben. (Das erreiche ich mit einem div mit height:160px). Nun soll aber rechts und links in diesem div jeweils ein Logo erscheinen. Ich hätte sie gern mittig zwischen Oberkante und Menübalken. Mit 'ner Tabelle ist das überhaupt kein Problem, aber ich kann mir nicht vorstellen, dass das mit CSS nicht geht.

Beispiel: http://test.dehaen.net/css/

[Detlef G.]

Hallo NCoDer

Du kennst doch die Höhe des Divs und die Höhe der Bilder.
Gib den Bildern einen entsprechenden oberen Rand (style="margin-top:...").

MFG
Detlef

[Simon]

Hallo Jan,

vertical-align funktioniert generell nur bei Tabellen-Zellen, nicht bei DIVs. Um den Inhalt mittig zu plazieren, bleibt Dir AFAIK nur die Möglichkeit, die Höhe des input-Feldes zu kennen (oder festzulegen) und dem DIV entsprechend padding zu geben.

Simon