Как закрепить вверху сайта меню

Статус
В этой теме нельзя размещать новые ответы.
frosha

frosha

Постоялец
Регистрация
9 Окт 2007
Сообщения
83
Реакции
5
Как закрепить вверху сайта таблицу с несколькими ссылками? Что бы при скроллинге она всегда там и оставалась, как, например, здесь: Для просмотра ссылки Войди или Зарегистрируйся

Подскажите, плиз, какой код нужен.
 
Код: 
border-bottom-color: #FFFFFF;
border-bottom-style: solid;
border-bottom-width: 1px;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 9998;
вот, что прописано в стиле данного дива.
 
Да, примерно так. Открыл для себя свойства div'ов

Код: 
  <style>
  .headertop {
    position: fixed; /* Абсолютное позиционирование */
    top: 0px; /* Положение от нижнего края */
    left: 0px; /* Положение от правого края */
    width: 100%;
  }
  </style>
 
</head>
 
<body>
 
<!-- Закреплённая часть заголовка -->
<div class="headertop">

Вот только в explorer'е не работает, оказывается...

Как заставить работать fixed в Эксплорере?? В интерете есть решения, но они почему-то не работают. У кого есть реальный опыт?
-------------------------------------------------------------
Нашёл решение для всех браузеров: Для просмотра ссылки Войди или Зарегистрируйся
 
Код: 
<div id="fixed">Слой, который Fixed</div>
затем CSS:
Код: 
/* Для все браузеров */
#fixed {
    position: fixed;
    top: 0px;
    left: 0px;
}
/* Для IE */
*html body {
    background: url('null.gif') no-repeat;
    background-attachment: fixed;
}
*html #fixed {
    position: absolute;
    top: expression(document.getElementsByTagName(
    `body`)[0].scrollTop + "px");
}
у меня работает
 
  • Заблокирован
  • #5
kaktyc1 написал(а):
Код: 
border-bottom-color: #FFFFFF;
border-bottom-style: solid;
border-bottom-width: 1px;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 9998;
вот, что прописано в стиле данного дива.
Нажмите для раскрытия...

Вот сокращенный код
Код: 
border-bottom: 1px solid #426a94;
width: 100%;
top: 0;
background: #648cb6;
position: fixed;
z-index: 9998;
 
Вот статейка по этому поводу Для просмотра ссылки Войди или Зарегистрируйся , но fixed поддерживается только от 7го ослика(
 
А как еще можно сделать, так что бы меню появлялось только при начале прокрутки, а если прокрутка возвращается обратно в верх то меню исчезало?
 
Andry750 написал(а):
А как еще можно сделать, так что бы меню появлялось только при начале прокрутки, а если прокрутка возвращается обратно в верх то меню исчезало?
Нажмите для раскрытия...


Слушайте событие скролл с помошью jQuery (Для просмотра ссылки Войди или Зарегистрируйся). А позицию можно узнать при помощи $.scrollTop().
 
Andry750 написал(а):
А как еще можно сделать, так что бы меню появлялось только при начале прокрутки, а если прокрутка возвращается обратно в верх то меню исчезало?
Нажмите для раскрытия...


Слушайте событие скролл с помошью jQuery (Для просмотра ссылки Войди или Зарегистрируйся). А позицию можно узнать при помощи $.scrollTop().
 
вот например решение

border-bottom: 1px solid #426a94;
width: 100%;
top: 0;
background: #648cb6;
position: fixed;
z-index: 9998;
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху