Подскажите как решить задачку.

Есть элемент меню, полоска сверху для смартфонов, в версии ПК тоже есть. Использую такой стиль:

Код (CSS):

1. div.nav1 {
2. left:0;
3. right:0;
4. top:0px !important;
5. position: fixed;
6. border: 1px solid #ссс;
7. width: 100%;
8. height: 65px;
9. background-image: url(profile/images/cf.png); /* Путь к фоновому изображению */
10. margin:0;
11. z-index:999991;
12. float:right;
13. }
14. div.nav2 {
15. left:0;
16. right:0;
17. bottom:0px !important;
18. position: fixed;
19. border: 1px solid #ссс;
20. width: 100%;
21. height: 65px;
22. background-image: url(profile/images/cf.png); /* Путь к фоновому изображению */
23. margin:0;
24. z-index:999991;
25. float:right;}

Снизу окошка тоже такой стиль минюшек. Вот у меня получается, что под них при прокрутки страницы, заезжает часть окна. Я решил заполнить это окно и создал такие стили.

Код (CSS):

1. div.nav3 {
2. left:0;
3. right:0;
4. top:0px;
5. background-image: url(profile/images/cf.png); /* Путь к фоновому изображению */
6. border: 0px solid #ссс;
7. width: 100%;
8. height: 65px;
9. z-index:999991;
10. }
11. div.nav4 {
12. left:0;
13. right:0;
14. bottom:0px;
15. background-image: url(profile/images/cf.png); /* Путь к фоновому изображению */
16. border: 0px solid #ссс;
17. width: 100%;
18. height: 65px;
19. z-index:999991;}

Но это не решение, потому что получается белый кусок, который закрывает часть окна. Люди добрые подскажите как сделать правильно. Возможно нужно изменить стили меню. Они у меня с иконками.

 

Ты о чём?

 

Тон поменяй. Если ты программист, то поймёшь.

 

Чё вы все напрашиваетесь НЕ ПОЙМУ. Навалять вам что ли на улице встретить?

 

А ты бездельник распиздяй.