Резиновый отступ

[aqua.77]

Нужно чтобы меню сохраняло целостность когда окно браузера сжимают т.е. чтобы ссылки из меню максимально сжимались прежде чем переносились на другую строку.
http://plitka20x20-ru.1gb.ru/site/ Вот как обстоят дела, при сжатии как видно всё разрушается

 <nav>
  <ul>
  <li><a href="uslugi.html">Услуги</a></li>
  <li><a href="klienti.html">Клиенты</a></li>
  <li><a href="projekt.html">Проекты</a></li>
  <li><a href="kontact.html">Контакт</a></li>
  </ul>  
  </nav>

header.top nav{
    position: absolute;
    top: 361px;
    left: 476px;
    height: 50px;
    width: auto;
    background-color: #FBFBFB;  
}
header.top nav ul{
        margin: 0px;
        padding: 17.5px 280px 17.5px 0px;
        font-size: 10pt;
}
header.top nav ul li{
    display: inline;
}
header.top #navi a{
    position: absolute;
    top: 3px;
    left: 50px;
}
header.top nav li a, #navi a{   
    font-family: arial;
    color: #2D2D3D;
    text-decoration: none; 
    padding: 12.5px 50px 12.5px 50px;
}

 

[alejandro13]

Если нужно, чтобы меню сжималось, то, пожалуй,следует посмотреть в сторону display: table; для списка и display: table-cell; для пунктов.

[klierik]

10 часов назад, aqua.77 сказал:

Нужно чтобы меню сохраняло целостность когда окно браузера сжимают

Реализуемо, не проблема. Но проблема в том что код, который уже на писан для этого, по хорошему, не пригоден. Тут вообще не нужен абсолют. А на список навесить или flex или display: block; В таком случае появится реальная ширина у блока которая будет подстраиваться под ширину экрана.

[aqua.77]

2 часа назад, klierik сказал:

вообще не нужен абсолют

Просто нужно чтобы меню поверх картинки наложилось 

[klierik]

картинку можно и фоном пустить, не обязательно "накладывать явным "физическим" образом"

[aqua.77]

1 час назад, klierik сказал:

фоном пустить

Она и стоит фоном, там поверх фона ещё картинка и она уже абсалют