Равномерно расставленные слова

[GooDMeister]

Вобщем. Есть линия. Длинною в 100% от экрана юзера. Есть меню. Оно занимает... примерно 15% ширины экрана. Меню состоит примерно из 10ти пунктов.

Вопрос:

Как сделать так чтобы меню равномерно распределило все пункты на всю ширину экрана. А не стояло где-то скраюшку как бедный родественник.

Заранее спасибо

[AjiTae]

Ну табличкой, или если нос воротим, то дивами с width равной 100%/кол-во пунктов, т.е. в данном случае 10%.

№1

<style>
table {width:100%;}
</style>

<table>
<tr>
<td>1</td>
<td>2</td>
...
<td>10</td>
</tr>
</table>

№2

<style>
div {width:10%;float:left;}
</style>

<div>1</div>
<div>2</div>
...
<div>10</div>

Это если без надмозгов.

Edited June 14, 2009 by AjiTae

[psywalker]

таблицей однозначно, када намучеетесь в данном случае Дивами, поймёте меня

[GooDMeister]

к сожалению использовать таблицу нет возможности. и с дивом не получилось... делал такой код

.sf-menu {

width: 100%;

text-align: center;

}

[rash]

Justify?

И добавить искуственно элемент, который перенесется на новую строку и растянет текст.

[Lincky]

как я понял, тебе нужно добиться примерно того, что я делал на brickhouse.ru (верхнее меню)..

отдельно для каждого пунтка задавай длину в процентах и выравние по центру...