Непрокручиваемый блок средствами CSS

Старый mweb

Модератор: [mweb team]

Непрокручиваемый блок средствами CSS

Сообщение Chel1 Чт окт 16, 2008 13:49

собственно ситуация такова:
есть шапка таблицы, которая не должна уходить с экрана при прокручивании страницы (строк в таблице много)
как это сделать средствами CSS?
заранее спасибо
Имею желание иметь всех желающих... но не имею желающих
Аватара пользователя
Chel1
Редко заходит
 
Сообщения: 101
Зарегистрирован: Вт апр 05, 2005 2:18

Re: Непрокручиваемый блок средствами CSS

Сообщение Muerto Чт окт 16, 2008 14:18

Код: Выделить всё
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
* {margin:0; padding:0;}
body
{
    background: url('/n.gif') no-repeat;
    background-attachment: fixed;
}
.header {
    background-color:#FF0000;
   width:100%;
    height: 50px;
   position:fixed;
   top:0;
   left:0;
   //position:absolute;
   top: expression(
    eval(document.documentElement.scrollTop) + "px"
);
}
</style>
</head>

<body>
<h1 class="header">
башка
</h1>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

</body>
</html>
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Re: Непрокручиваемый блок средствами CSS

Сообщение Chel1 Чт окт 16, 2008 15:00

понятно, position:fixed
Имею желание иметь всех желающих... но не имею желающих
Аватара пользователя
Chel1
Редко заходит
 
Сообщения: 101
Зарегистрирован: Вт апр 05, 2005 2:18

Re: Непрокручиваемый блок средствами CSS

Сообщение Muerto Чт окт 16, 2008 15:51

Chel1 писал(а):понятно, position:fixed

Для нормальных браузеров.
А для ИЕ, position:absolute и экспрешн.
Кстати, если у тебя доктайп ХТМЛовский, то, возможно, в экспрешне придётся заменить document.documentElement.scrollTop на document.body.scrollTop
Не проверял сам.
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Re: Непрокручиваемый блок средствами CSS

Сообщение Padonak Пт окт 17, 2008 16:20

Муерта а кстати тот вопрос что я задавал насчет прокрутки дива при появлении в нем картинки так чтобы картинка оказалась в районе центра экрана по высоте актуален до сих пор... вставка якорей чота не прокатила. если вдруг что-то такое тебе придется делать и столкнешься с такой фигней то скажи потом как решил ладно? специально не трать на это время тока.
Uncaught TypeError: Изображение

Изображение
Аватара пользователя
Padonak
Философ-разговорник
 
Сообщения: 3872
Зарегистрирован: Вт дек 13, 2005 3:23
Откуда: Ростов-на-Дону

Re: Непрокручиваемый блок средствами CSS

Сообщение Muerto Пт окт 17, 2008 17:33

Padonak
Дай ссылку на топик с вопросом или, лучше, просто подними его.
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва


Вернуться в Архив

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 23

cron