Question

Привет. Обьясните пожалуйста на моём примере как можно закрепить верхнюю панель, что-бы она оставалась неподвижной (не уходила вверх со всем сайтом). Спасибо.

Answer 1

Поправить стили в строке номер 260:

#top {
 width: 100%;
 background: #515151;
 box-shadow: inset 0 -4px 0 0 rgba(0, 0, 0, 0.14);
 position: fixed;
 z-index:100;
}

красное добавить, и в стили добавьте:

.b-maincontent,.b-white { position: relative; top: 12px!important; }

вот и все.

Comments

Да. Спасибо. Всё закрепилось. Скажи, а можно это как-то написать в тех же 4х строках какие они и занимали в стилях. Я имею ввиду что часто вы ссылаетесь на номера строк. Но после таких вставок они же уже смещаются. Допустим вот так ?

#top {
 width: 100%;background: #515151;box-shadow: inset 0 -4px 0 0 rgba(0, 0, 0, 0.14);
 position: fixed;z-index:100;
}

Как бы нумерация сохранится....

P.S. Только что заметил, раньше под этой панелью были надписи "Регистрация, вход". Теперь они наверно прячутся за ней, зайти невозможно...

---

Помоги с появившейся проблемой. Не могу попасть на сайт

---

TV RUSO,

Ваш сайт недоступен у меня, не знаю, что вы там делаете, но домен недоступен.

---

Yuri_Geruk,

Извиняюсь. менял домен. tvruso.ru. Вернул обрантно CSS. Так как с новыми данными нет кнопок входа, и на сайт невозможно зайти

---

TV RUSO,

В данном случае советовал бы кнопки входа с шапки удалить и добавить в боковой контейнер условием вида:

<?if($USER_LOGGED_IN$)?><a href="$PERSONAL_PAGE_LINK$">Профиль</a> | <a href="$LOGOUT_LINK$">Выйти</a>
<?else?>
<a href="$REGISTER_LINK$">Регистрация</a> | <a href="$LOGIN_LINK$">Войти</a>
<?endif?>

---

Yuri_Geruk,

Ну пусть пока тогда побудут сбоку. А вверху как их удалить ? НЕ просто чтобы прятались. Надо что то в в "верхняя часть сайта" убрать ?  Юра, и ещё глянь вопросик выше я задал по поводу нумерации в CSS и вставки исправлений.

---

TV RUSO,

>>по поводу нумерации в CSS<< можете писать в одну строку, тогда нумерация не собьётся.