CSS - zarovnanie menu "do bloku"

Dobry den,

chcel by som vas poprosit o radu so zarovanim menu (akoby do bloku vo worde)

Takto vyzera menu teraz (vlavo)

[before.JPG]

A takto by som chcel aby vyzeralo

[after.JPG]

Ako upravit css tak, aby sa menu roztiahlo na celu sirku prvku?

Terajsie css:
.navigation a {
background: #FFF url(img/nav.gif) repeat-x;
border-right: 1px solid #C9C6B3;
color: #553;
float: left;
font: bold 1em Tahoma,sans-serif;
padding: 0 14px;
line-height: 41px;
text-align: center;
text-decoration: none;
}

.navigation a:hover,.navigation a#active {background-position: left bottom; color: #331;}

To na druhom obrazku som vyriesil zmenou padding, ale kedze v anglickej verzii su nazvy odlisne a teda aj ich dlzka, robi to problemy - mna napada riesenie, ze pre kazdu verziu spravim samostatne css, ale to sa mi nepaci pre buducnost a pridavanie novych jazykovych verzii.

Celu stranku aj css si mozete pozriet tu: www.privatelena.szm.com

Dakujem za odpovede

Předmět	Autor	Datum
Môžeš skúsiť napr. toto. Princíp je taký, že v obaľujúcom elemente nastavíš text-align: justify a v… los 11.04.2010 09:57	los	11.04.2010 09:57
Dakujem za navod. Ako tak pozeram na tvoju radu a aj na odkaz...mam sa este co ucit. Este raz vdaka konkristov 11.04.2010 11:15	konkristov	11.04.2010 11:15
Dej to do tabulky, kerá bude mít 100% šířku. To snad zobrazí všechny prohlížeče správně... Mimochode… JoDiK 11.04.2010 19:49	JoDiK	11.04.2010 19:49
Ved to - je to rozbite...nebolo v mojich silach spravit to podla losovho navodu, tak som to skusil p… konkristov 11.04.2010 23:54	konkristov	11.04.2010 23:54
Chvilku jsem si s tím včera hrál, zas tak velký problém by to nebyl, když vydržíš do večera (mám ty… JoDiK 12.04.2010 10:49	JoDiK	12.04.2010 10:49
Vydrzim :-) to je jasne! Dakujem konkristov 12.04.2010 12:45	konkristov	12.04.2010 12:45
Pokusil som sa este o jednu verziu...snad to dopadlo lepsie: www.privatelena.szm.com :puff: konkristov 12.04.2010 17:24	konkristov	12.04.2010 17:24
Nevydržels, nevadí, tak nějak jsem to měl... JoDiK 12.04.2010 19:27	JoDiK	12.04.2010 19:27
Dakujem uz asi piaty krat :-) Dik za napad s tabulkou :beer: Vyriesene poslední konkristov 12.04.2010 22:40	konkristov	12.04.2010 22:40

Môžeš skúsiť napr. toto.

Princíp je taký, že v obaľujúcom elemente nastavíš text-align: justify a vnoreným elementom nastavíš display: inline. Ku vnoreným elementom pridáš ešte pomocný element s display: inline-block, ktorý bude taký široký, aby sa zobrazil na nasledujúcom riadku (inline, aby bol v riadku + block, aby sa mu dala nastaviť šírka => inline-block). Vďaka tomu sa predchádzajúci riadok zarovná do bloku.

Dakujem za navod. Ako tak pozeram na tvoju radu a aj na odkaz...mam sa este co ucit. Este raz vdaka

Dej to do tabulky, kerá bude mít 100% šířku. To snad zobrazí všechny prohlížeče správně...
Mimochodem u mně tvoje menu vypadá takto (mám ingnorované velikosti písem):
[http://pc.poradna.net/file/view/3255-test-jpg]

test.jpg 77.61 KiB

Ved to - je to rozbite...nebolo v mojich silach spravit to podla losovho navodu, tak som to skusil podla seba a nedopadlo to najlepsie. Mohol by si mi, prosim, ozrejmit ako to mam dat do tabulky /rad tak spravim/ - asi chcem vela, ale najlepsie by bol konkretny zapis pre moju stranku