CSS: Menü Ausrichtung

Seite 1 von 1 - Forum: Coding Stuff auf overclockers.at

URL: https://www.overclockers.at/coding-stuff/css_menue_ausrichtung_141037/page_1 - zur Vollversion wechseln!

Facetious schrieb am 20.04.2005 um 11:16

Hi Leute!

Ich hab schon sehr viel probiert, aber ich brings nicht zusammen das menü auszurichten

hier ist der link
http://pwogra.pw.funpic.de

ich würde gern die menü items unten beim submenu div ausrichten
ich habs mit vertical-align: bottom bzw. baseline versucht, hat aber nichts gebracht

tia und mfg Facetious

HVG schrieb am 20.04.2005 um 11:45

der link is tot
vielleicht http://pwogra.pw.funpic.de ?!

versteh ned ganz was du wie ausrichten willst..

Facetious schrieb am 20.04.2005 um 11:59

EDIT: sry verlesen natürlich funpic nicht funcpic

quelltext index:
click here

quelltext css file:
click here

mfg und tia Facetious

Spikx schrieb am 20.04.2005 um 15:17

wohin ausrichten? bottom von was?

Facetious schrieb am 20.04.2005 um 19:57

im quelltext gibts ein div menu
und ein div submenu

menu div hat ein background image, deswegen ist die height davon auf 200px gestellt

nur richtet er mir allen text jetzt oben aus, aber ich würde ihn gerne zentriert unten, anliegend am submenu div haben

wie gesagt
ich vertical-align schon probiert, keine veränderung

mfg

Rektal schrieb am 20.04.2005 um 20:55

vertical-align in block elementen funktioniert anders als in table-cell elementen. In anderen Worten: es macht nicht das, was du haben willst. Entweder du machst ein table-cell Element daraus (was du wahrscheinlich nicht willst), oder suchst dir eine anderen Moeglichkeit, es nach unten zu ruecken. Wenn die Hoehe fix ist, vielleicht mit martin-top: 180px o.ae.? Ich frag mich grad, obs mit position: absolute und bottom: 123px geht.

watchout schrieb am 21.04.2005 um 11:20

@Rektal:
Für Block-Elemente gibt's garkein vertical-Align (Zumindest nicht in CSS2.x). vertical-align ist nur für inline-Elemente definiert, aber auch hier wird das Ergebnis nicht mit dem bei Table-Cells übereinstimmen AFAIK, weil hier vertical-align nur die Ausrichtung IN EINER Zeile definiert, also könnte man auch das richtige Ergebnis erhalten wenn man ein inline Element um die Menüelemente legt und bei diesem die Zeilenhöhe auf die Höhe des Elternelements (minus Margins...) festlegt und dann vertical-align:bottom

Position:absolute sollte theoretisch lt. CSS Definition gehen, nur wird das bis jetzt von keinem Browser richtig umgesetzt (ausg. vielleicht Amaya...)
Margin-Top ist die Musterlösung bei fixer Fensterhöhe.

Facetious schrieb am 21.04.2005 um 13:12

thx margin-top hats gebracht
solved

thx und mfg Facetious