Xpoint
   [напомнить пароль]

position: fixed; для IE6

Метки: [без меток]
2008-04-03 20:49:00 [обр] kim[досье]

На данный момент есть вот это: http://kim-evgene.ucoz.ru/Shablon/index.html
В основных браузерах, кроме IE6 все фиксировано нормально, а в IE уезжает, мне подсказали использовать JS, только я с ним совсем не знаком,
я взял такой код:

.header {
   position: absolute;
   top: expression(
       document.getElementsByTagName("body")[0].scrollTop + "px"
   );
   }
.footer {
   position: absolute;
   bottom: expression(
       document.getElementsByTagName("body")[0].scrollTop + "px"
   );
   }

Но што-то видно не так.
Вообще нужно чтобы прокручивался только зеленый блок, а остальное было фиксировано (и футер тоже)

И ещё нюанс в опере, если открыть эту страницу http://kim-evgene.ucoz.ru/Shablon/index.html
то футер сразу не прижат к низу, немного не достает, но если обновить, то становиться нормально, интересно у кого-нибудь тоже так? и что с эти поделать?

спустя 45 минут [обр] Lynn «Кофеман»(37/571)[досье]

http://lynn.ru/examples/fixed-header-and-footer.xhtml

Приделать фиксированный сайдбар — домашнее задание.

спустя 17 минут [обр] kim[досье]
Я видел этот пример, но в IE6 он не работает
спустя 15 минут [обр] Lynn «Кофеман»(37/571)[досье]
Что значит "не работает"?
Вообще-то этот пример был сделан специально для IE5/6.
спустя 15 минут [обр] kim[досье]
В том смысле что нужно чтобы все кроме зеленого блока было фиксированно, т.е. двигался только
контекст в зеленом блоке, и в IE тоже
спустя 2 часа 13 минут [обр] Илья Cтpeльцын aka SelenIT(12/171)[досье]
Насколько я понимаю, речь об этом решении? Привязка к document.body в нем работает только в Quirks mode, в стандартном режиме нужно привязываться к document.documentElement (он же document.getElementsByTagName("html")[0]). Но вообще, поскольку в макете больше фиксированных элементов, чем прокручиваемых, возможно, есть смысл посмотреть в сторону решения через DIV с overflow:auto, наподобие такого.
спустя 5 минут [обр] Илья Cтpeльцын aka SelenIT(12/171)[досье]
Упс... моя невнимательность. Вариант Lynn «Кофеман»[досье] реализует ту же идею несравненно лучше, чем наспех нагугленный мной пример. Сорри.
спустя 4 минуты [обр] kim[досье]

Большое спасибо за примеры, с фиксацией хедера и бокового меню разобрался ( http://kim-evgene.ucoz.ru/Shablon/index.html), теперь нужно зафиксировать футер,
если прописать так:

    position: absolute;
    bottom: expression(
        parseInt(document.documentElement.scrollTop) + "px"
    );

То футер все равно продолжает пролистываться вместе с контентом

спустя 1 час 51 минуту [обр] Илья Cтpeльцын aka SelenIT(12/171)[досье]

Имхо, присваивать нижнему отступу значение верхней позиции скроллинга несколько нелогично, было бы странно, если бы оно давало осмысленный результат;). Нужно что-то вроде

top: expression(
        parseInt(document.documentElement.scrollTop + document.documentElement.clientHeight - this.offsetHeight, 10) + "px"
    );

И еще, по моим тестам, в "артлебедевском" решении в качестве "фона" для body вполне можно указывать about:blank (для экономии http-запросов).

спустя 6 часов [обр] kim[досье]
Большое Вам спасибо, это помогло,
насчет фона, если вы имеете ввиду эффект дрожания, то он у меня почему-то отсутствует
(вот: http://kim-evgene.ucoz.ru/Shablon/index.html),
только теперь в IE5.* футер совсем пропал, хотя это и не так важно
спустя 6 дней [обр] Алексей В. Иванов(95/2861)[досье]
М Перенесено из форума "Прочее"
Powered by POEM™ Engine Copyright © 2002-2005