lista, wyrównanie w pionie Opcje

[AxZx]

witam,

mam taki kod:

Kod

<div>
<ul>
<li><a href="">link1</a></li>
<li><a href="">link2</a></li>
<li><a href="">link3</a></li>
</ul>
</div>

ten div ma wysokość 100px. lista jest pozioma. chciałbym żeby była lista była na środku (w pionie) i do prawej (w poziomie). o ile w FF elegancko wyświetla, tak w IE6 lista przy górnej krawędzi diva.
do pozycjonowania użyłem line-height dla tego diva.

proszę o sugestie.

[Kobalt]

A próbowałeś:

ul { position: relative; top: 45px; }

[AxZx]

nie lubię takich sztywnych rozwiązań bo i tak nie będzie to tak samo wyglądało w różnych przeglądarkach. w IE jest wyżej, w FF niżej. a poza tym muszę znać ten rozmiar a z tym może być różnie.

[sowiq]

Tylko tabelki pozwalają coś wyśrodkować w pionie pod IE. Dlatego musisz opatrzyć kod dwoma div-ami i nadać im odpowiednie display'e (table, table-cell) oraz width = height = 100%. Jest co prawda kilka innych sposóbów w internecie, ale z moich doświadczeń wynika, że tylko ten działa poprawnie w każdej sytuacji.

Więcej:
http://perfectionorvanity.com/2006/04/19/w...trowaniu-w-css/

http://forum.creamsoft.com.pl/index.php?na...opic&t=5802
http://www.webmasterworld.com/css/3320623.htm
http://www.jakpsatweb.cz/css/css-vertical-...r-solution.html
http://www.aspekt1.net/ms/dev/vertical-align.html

Ten post edytował sowiq 9.01.2009, 18:57:35

[AxZx]

dzięki. zastanowię się, które rozwiązanie lepsze.