Witam,

Czy da się jakoś ostylować linki zbudowane na strukturze:

<ul id="linki">
<li><a...>link 1</a></li>
<li><a...>link 2</a></li>
<li><a...>link N</a></li>
</ul>

Gdzie w uproszczeniu:

#id {
width:700px;
height: 100px;
overflow: auto;
}

Poszczególne elementy <li> mają zmienną i nieprzewidywalną szerokość. Gdy
zrobię float:left, to nie da się ich (chyba) wycentrować (na poziomie CSS).
Z kolei oblanie elementu <ul> innym tagiem w celu jego centrowania też
niewiele pomoże gdyż <ul> musiałby mieć narzuconą szerokość. Odpada
stosowanie display:table bo nie działa pod IE6, mógłbym spróbować ew.
przeforsować tą metodę gdyby pod IE7 działała. Czy ktoś z Was testował
"display:table" pod IE7?

Czy jest jakieś rozwiązanie dla centrowania w poziomie inne niż stosowanie
<table> do budowania layoutu?

do góry

On 2010-01-08 10:55, Marek wrote:
> Czy da się jakoś ostylować linki zbudowane na strukturze:
>
> <ul id="linki">
> <li><a...>link 1</a></li>
> <li><a...>link 2</a></li>
> <li><a...>link N</a></li>
> </ul>
>
> Gdzie w uproszczeniu:
>
> #id {
> width:700px;
> height: 100px;
> overflow: auto;
> }
>
[8<]
> Czy jest jakieś rozwiązanie dla centrowania w poziomie inne niż
> stosowanie <table> do budowania layoutu?

b...@w...goog
legroups.com
ul {
float: left;
position: relative;
left: 50%;
}

ul > li {
float: left;
position: relative;
right: 50%;
}

do góry

Dziękuję Wam za pomoc. Sprytne :-)

do góry