Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: lista, wyrównanie w pionie
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
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
AxZx
dzięki. zastanowię się, które rozwiązanie lepsze.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.