Forum PHP.pl > wysrodkowywanie listy

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

kicaj

27.02.2009, 15:42:24

Mamy cos takiego:

[HTML] pobierz, plaintext 
<div>
  <ul>
    <li>a</li>
    <li>b</li>
    <li>c</li>
  <ul>
</div>
[HTML] pobierz, plaintext

Zalozenia:
- list 'ul' nie moze miec przyjetej dlugosc (width)
- pozycje 'li' nie moga miec przyjetej dlugosci (width)
- pozycje 'li' sa ustawione na float: left, leza wiec jeden za drugim
- list-style: none; padding: 0; margin: 0;
- div ma ustawiona szerokosc (width) i text-align: center;

Pytanie:
Jak wysrodkowac liste w div-ie?

Problem:
- margin-left: 0; nalezy wyzerowac
- ustawienie margin: auto; nie spowoduje we wszystkich przegladarkach wysrodkowania

everlast

28.02.2009, 16:44:22

Spróbuj dla li ustawić display: inline; zamiast float: left;

Kod

...
<style>
ul
{
     list-style: none;
     padding: 0;
     margin: 0;
}

ul li
{
     display: inline;
}

div
{
     width: 800px;
     border: 1px solid #000;
     margin-left: auto;
     margin-right: auto;
     text-align: center;
}
</style>

<body>

<div>
<ul>
<li>a</li>
<li>b</li>
<li>c</li>
<ul>
</div>
...

czy o to chodziło?

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.