[CSS]Odstępy napisów od siebie względem szerokości Opcje

[Weles]

Witam!

Mam taki mały problem.
Mam menu które dopasowuje się do szerokości ekranu i każdy napis menu np. "Strona Główna", "Rejestracja"... chciałbym aby był od siebie równo w oddali od siebie, tak jakby to zrobić tabelką np.:

Kod

<table style="width: 100%;">
<tr>
  <td>Strona Główna</td>
  <td>Rejestracja</td>
  <td>Download</td>
</tr>
</table>

Chodzi mi właśnie o osiągnięcie takiego właśnie efektu, aby każdy przycisk menu był oddalony od siebie względem szerokości monitora.
Lecz nie chodzi mi właśnie o rozwiązanie tabelkowe a o coś w tym stylu:

Kod

<ul>
<li>Strona Główna</li>
<li>Rejestracja</li>
<li>Download</li>
</ul>

Chodzi mi po prostu aby UL z LI czy tam OL dawało taki efekt jak rozwiązanie tabelkowe, w tym problem że nie wiem jak tego dokonać.
W gogle poszperałem trochę czasu, ale... nie wiem nawet jak nazwać mój problem, dlatego też w Google nic nie znalazłem.

Proszę o pomoc.
Pozdrawiam!

[gothye]

[CSS] pobierz, plaintext 
ul{width:100%}
ul li {width:33%;float:left}
[CSS] pobierz, plaintext 

[Weles]

Nie o to chodzi, bo przyciski w Menu będą dodawane i nie będzie ich dajmy na to 3 (to był przykład) chodzi o to aby samo się dopasowywało bez nadawania wartości że jedna komórka dajmy na to ma mieć 33% czy ileś.

[Crozin]

Skorzystaj z display: table[-row|-cell] dla elementów UL/LI/A. Uzyskasz w ten sposób dokładnie takie samo zachowanie jak w przypadku tabel.

[Weles]

No właśnie to nic nie daje :/ dlatego napisałem ten temat:

Kod

ul.menu {
    display: table-row;
}

ul.menu li {
    display: table-cell;
}

zachowanie UL i LI wgl. się nie zmienia..

@EDIT: no i jeszcze width: 100%; jak dopisuję też nic nie drgnie.

Ten post edytował Weles 11.07.2013, 17:56:49

[com]

http://quirksmode.org/css/css2/display.html#table

#edit http://jsfiddle.net/wpeZ4/ (IMG:style_emoticons/default/wink.gif)

Ten post edytował com 11.07.2013, 18:06:54

[Weles]

@UP. Dziękuję za link.
Okazuje się że od samego początku brakowało mi jednej wartości:

Kod

display: table;

W elemencie głównym.