имеется ввиду, сейчас при прокрутке страницы он соответственно удодит вверх за пределы экрана, а хочется, чтобы он оставался на месте
я извиняюсь, я пока чайник в этих делах, но чтото уже начинаю понимать.
куда это вставить, извиняюсь, может быть дурацкий вопрос,
что то пока понимаю, что то пока нет
всё что пока получилось, это вот http://www.iv-esco.ru
всё хорошо, но только вот остальной сайт при прокрутке налезает поверх header’a
Прошу прощения, что влезаю. komliukhin я позволю себе дать Вам совет. Пожалуйста, обратите внимание на фоновую картинку. В то время, когда кто-то гонится за каждым байтиком у Вас полтора мегабайта только фон. Полтора, мегабайта!
Теперь по сути вопроса:
С предложенным Юрием вариантом у Вас теряется position: relative;
. Он устанавливает точку отсчета для всех вложенных в него абсолютов, например, для .header-clip, хотя он там вообще лишний. Плюс к тому, изменение свойства position изымает из нормального потока этот блок, именно потому и происходит наложение.
Можно сделать fixed, но убрать z-index: -1 и сделать непрозрачный фон, затем для блока основного блока текста .sheet сделать padding-top: 350px;. Все заработает, но только с непрозрачным фоном хедера.
при современных скоростях интернета я считаю, что нет большого смысла тут замарачиваться, я делаюэтот сайтик не для большого колличества посетителей, да и контента много не будет. Сайт ка визитная карточка просто. Я конечно уменьшу фон, но по сравнению с флешкой (2,5 Мб) большого прироста производительности не будет.
за советы спасибо всем, но прозрачность убирать не хочется, лучше я оставлю всё как есть, может потом. Подучу html и сделаю.
Ещё раз спасибо всем за ответы. Кое ему научился.