Поддержка Проблемы и решения СДЕЛАТЬ HEADER СТАТИЧНЫМ

Просмотр 10 ответов — с 1 по 10 (всего 10)
  • А сейчас он какой?

    имеется ввиду, сейчас при прокрутке страницы он соответственно удодит вверх за пределы экрана, а хочется, чтобы он оставался на месте

    Модератор Yuri

    (@yube)

    .header{position:fixed}

    я извиняюсь, я пока чайник в этих делах, но чтото уже начинаю понимать.
    куда это вставить, извиняюсь, может быть дурацкий вопрос,
    что то пока понимаю, что то пока нет
    всё что пока получилось, это вот http://www.iv-esco.ru

    в css файл вашей темы

    всё хорошо, но только вот остальной сайт при прокрутке налезает поверх header’a

    Модератор Yuri

    (@yube)

    спасибо, я уже понял

    Прошу прощения, что влезаю. komliukhin я позволю себе дать Вам совет. Пожалуйста, обратите внимание на фоновую картинку. В то время, когда кто-то гонится за каждым байтиком у Вас полтора мегабайта только фон. Полтора, мегабайта!

    Теперь по сути вопроса:
    С предложенным Юрием вариантом у Вас теряется position: relative;. Он устанавливает точку отсчета для всех вложенных в него абсолютов, например, для .header-clip, хотя он там вообще лишний. Плюс к тому, изменение свойства position изымает из нормального потока этот блок, именно потому и происходит наложение.

    Можно сделать fixed, но убрать z-index: -1 и сделать непрозрачный фон, затем для блока основного блока текста .sheet сделать padding-top: 350px;. Все заработает, но только с непрозрачным фоном хедера.

    при современных скоростях интернета я считаю, что нет большого смысла тут замарачиваться, я делаюэтот сайтик не для большого колличества посетителей, да и контента много не будет. Сайт ка визитная карточка просто. Я конечно уменьшу фон, но по сравнению с флешкой (2,5 Мб) большого прироста производительности не будет.

    за советы спасибо всем, но прозрачность убирать не хочется, лучше я оставлю всё как есть, может потом. Подучу html и сделаю.

    Ещё раз спасибо всем за ответы. Кое ему научился.

Просмотр 10 ответов — с 1 по 10 (всего 10)
  • Тема «СДЕЛАТЬ HEADER СТАТИЧНЫМ» закрыта для новых ответов.