Как сделать так, чтобы верхняя часть сайта не прокручивалась?

Голоса: +1
Адрес сайта vla5924.ucoz.net
| Автор: | Категория: Дизайн сайта
Изменение категории | | Автор: webanet

Ответов: 2

Голоса: +1
 
Лучший ответ
Сделайте так...
Это пропишите в ксс...
body>.wrapper {
margin-top:160px;
}

Это допишите в ксс... к айди #header
#header {
background: #ECEFF3;
padding: 30px 0px 0px;
position: fixed;
width: 1160px;
z-index: 9999;
}
| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
голоса: 0

Перейдите в теблицу стилей css (строка 44) найдите это 

#catmenu.sidetitle {

background#9b59b6;

position: relative;

width100%;​

padding0 10px;

margin0 0 0 -10px;

}
 
и змените на это 

#catmenu, .sidetitle {
 background: #9b59b6;

position: fixed;

 z-index: 999;

width: 100%;

max-width: 1160px;

 padding: 0 10px;

margin: 0 0 0 -10px;

}

| Автор:
Не могу найти метку #catmenu или даже sidetitle! Сначала поиском искал, потом вручную...  Дошел до 1200 строки - словом, до конца - и не нашел! Попробовал сам в 44 строку вставить - так вообще весь дизайн поехал, меню стало вертикальное, без фона. П пришлось делать backup. Может, вы не заходили на сайт? Верхняя часть сайта вот такая: VLA5924.ucoz.net
Макс Власов,

Перейдите в таблицу стилей css и нажмите кнопку восстановить. Далее управление дизайном \ быстрая замена \ и замените это <link type="text/css" rel="StyleSheet" href="http://s19.ucoz.net/src/css/1323.css"> на это <link type="text/css" rel="StyleSheet" href="/_st/my.css"/>  после этого

Перейдите в теблицу стилей css (строка 44) найдите это 

#catmenu.sidetitle {

background#9b59b6;

position: relative;

width100%;​

padding0 10px;

 margin0 0 0 -10px;

}
 
и змените на это 

#catmenu, .sidetitle {
 background: #9b59b6;

position: fixed;

 z-index: 999;

width: 100%;

max-width: 1160px;

 padding: 0 10px;

margin: 0 0 0 -10px;

}

Не работает! Вернее, не совсем. То есть, верхнее меню закрепилось, а остальная часть (заголовок, поиск) остались. А надо, чтобы вся верхняя часть накладывалась и не прокручивалась!
Макс Власов,

Перейдите в таблицу стилей css(строка 33) найдите это 

#header {

padding30px 0 0;

}
и после замените на это
#header { background: #ECEFF3; padding: 30px 0px 0px; position: fixed; width: 1160px; z-index: 9999; }
 
отпишитесь если получилось)
M_Izmailov,
Увы, нет. Вообще меню поехало, стало прозрачным... причем, даже когда в 44 строке стоит position:fixed, оно все равно прокручивается!
Макс Власов,
Делаете что-то не так, у меня все корректно отображается когда добавляю стили через инспектор кода.
...