верстка горизонтального меню

[adax]

Переделываю строительный сайт stroyrus.com понадобилась такая менюшка: есть список, или табличка (без разницы) шириной 90%. Он выравнивается по центру по Х. и есть 4 ячейки таблицы, или элементов списка - смотря как верстать. надо сделать так чтобы при разном расширении экрана все тянулось на эти 90% - но между не самими ячейками а непосредственно названиями списка были одинаковые расстояния. см. рис.

без динамики не проблема, сверстал. а вот при ресайзе надо чтобы расстояния а (см рис.) уменьшались. есть вообще способ без скриптов сделать подобное ?? Чисто версткой - возможно ??? может кому надо было подобное!

Edited October 29, 2011 by adax

[psywalker]

Так а в чём проблема, собственно?

http://jsfiddle.net/rm5Vh/1/

[adax]

сделал немного по-другому!

<CENTER>
<TABLE WIDTH="90%" BORDER="1">
<TR>
<TD BGCOLOR=#99FF99 WIDTH=7%>В</TD>
 <TD WIDTH=1% BGCOLOR=#FFFF99 style="white-space:nowrap;">меню, первый пункт</TD>
 <TD BGCOLOR=#99FF99>А</TD>
 <TD WIDTH=1% BGCOLOR=#FFFF99 style="white-space:nowrap;">меню, второй пункт</TD>
 <TD BGCOLOR=#99FF99>А</TD>
 <TD WIDTH=1% BGCOLOR=#FFFF99 style="white-space:nowrap;">меню, третий пункт</TD>
 <TD BGCOLOR=#99FF99>А</TD>
 <TD WIDTH=1% BGCOLOR=#FFFF99 style="white-space:nowrap;">меню, четвертый пункт</TD>
 <TD BGCOLOR=#99FF99 WIDTH=7%>В</TD>
</TR>
</TABLE>

[psywalker]

сделал немного по-другому!

<CENTER>
<TABLE WIDTH="90%" BORDER="1">
<TR>
<TD BGCOLOR=#99FF99 WIDTH=7%>В</TD>
 <TD WIDTH=1% BGCOLOR=#FFFF99 style="white-space:nowrap;">меню, первый пункт</TD>
 <TD BGCOLOR=#99FF99>А</TD>
 <TD WIDTH=1% BGCOLOR=#FFFF99 style="white-space:nowrap;">меню, второй пункт</TD>
 <TD BGCOLOR=#99FF99>А</TD>
 <TD WIDTH=1% BGCOLOR=#FFFF99 style="white-space:nowrap;">меню, третий пункт</TD>
 <TD BGCOLOR=#99FF99>А</TD>
 <TD WIDTH=1% BGCOLOR=#FFFF99 style="white-space:nowrap;">меню, четвертый пункт</TD>
 <TD BGCOLOR=#99FF99 WIDTH=7%>В</TD>
</TR>
</TABLE>

Убери весь 1990-ый ужас из кода, теги, атрибуты старые, сделай по человечески всё, советую.