Форум dkLab и Denwer
Здесь общаются Web-разработчики.
Генеральный спонсор:
Хостинг «Джино»

CSS:: div{position:fixed;} & IE (Alt.)
Author Message
Alt.
Заглянувший



Joined: 11 Jul 2004
Posts: 16
Карма: 0
   поощрить/наказать

Location: Персональная нора

PostPosted: Thu May 19, 2005 3:53 pm (написано за 31 секунду)
   Post subject: CSS:: div{position:fixed;} & IE
Reply with quote

Намедни столкнкулся с такой проблемой : как повесить div на страницу поверх всего, чтоб он был всегда наверху страницы(не скролился вместе с нею). По-моему очень нетривиальная задача, если учитывать что он не поддерживает position:fixed... У кого есть идеи???
Back to top
View user's profile Send private message
WingedFox
Профессионал



Joined: 29 Apr 2003
Posts: 4064
Карма: 268
   поощрить/наказать

Location: Питер

PostPosted: Thu May 19, 2005 4:14 pm (спустя 20 минут; написано за 16 секунд)
   Post subject:
Reply with quote

Alt.
В Гугль.

Он даёт например эту ссылку:
tagsoup.com/-dev/null-/css/fixed/
Back to top
View user's profile Send private message
Rumata
Профессионал



Joined: 17 Aug 2003
Posts: 1850
Карма: 185
   поощрить/наказать


PostPosted: Thu May 19, 2005 4:16 pm (спустя 2 минуты)
   Post subject:
Reply with quote

localhost/Tools/phpmyadmin/Documentation.html
Code (css): скопировать код в буфер обмена
div.header {
    width: 100%;
    background-color: #ddeeff;
    color: #000000;
    text-align: center;
    padding-bottom: 2px;
    border-bottom: 1px solid #000000;
    font-weight: bold;
    left: 0px;
    top: 0px;
    position: fixed;
    /* following MSIE hack was originally written by Riki Fridrich
     * <http://www.fczbkk.com> */

    position: expression("absolute");
    width: expression(document.body.clientWidth);
    top: expression(document.body.scrollTop + this.offsetHeight - this.offsetHeight);
}
Back to top
View user's profile Send private message
Alt.
Заглянувший



Joined: 11 Jul 2004
Posts: 16
Карма: 0
   поощрить/наказать

Location: Персональная нора

PostPosted: Fri May 20, 2005 9:28 am (спустя 17 часов 11 минут; написано за 2 минуты 12 секунд)
   Post subject:
Reply with quote

Rumata wrote:
localhost/Tools/phpmyadmin/Documentation.html
Да пробвал я уже, но что-то не получается. К тому-же предпологалось расположение вверху...
Чем больше я вижусь с msie, тем больше я ненавижу его, это "чудо" просто жить мешает.
Back to top
View user's profile Send private message
Дмитрий Котеров
Администратор



Joined: 10 Mar 2003
Posts: 13665
Карма: 413
   поощрить/наказать


PostPosted: Tue May 24, 2005 5:25 pm (спустя 4 дня 7 часов 56 минут; написано за 40 секунд)
   Post subject:
Reply with quote

Кажется, в IE нельзя сделать полностью закрепленный слой - можно только, чтобы он елозил при скроллинге, и потом восстанавливал свое положение. На куче сайтов так сделано. Выглядит и правда мерзко.
Back to top
View user's profile Send private message Send e-mail
Navigator
Участник форума



Joined: 27 Nov 2004
Posts: 221
Карма: -12
   поощрить/наказать

Location: Павловский Посад

PostPosted: Tue May 24, 2005 8:43 pm (спустя 3 часа 18 минут; написано за 6 секунд)
   Post subject:
Reply with quote

Дмитрий Котеров wrote:
 Выглядит и правда мерзко.
ну а что поделать? ;-)
Back to top
View user's profile Send private message
Alt.
Заглянувший



Joined: 11 Jul 2004
Posts: 16
Карма: 0
   поощрить/наказать

Location: Персональная нора

PostPosted: Sun Jun 05, 2005 8:13 pm (спустя 11 дней 23 часа 29 минут; написано за 55 секунд)
   Post subject:
Reply with quote

WingedFox wrote:
Alt.
В Гугль.

Он даёт например эту ссылку:
tagsoup.com/-dev/null-/css/fixed/
Пробвал. У повешенного слоя появился свой зафиксеный скроллбар. =)
Back to top
View user's profile Send private message
SelenIT
Участник форума



Joined: 02 Jan 2005
Posts: 146
Карма: 23
   поощрить/наказать


PostPosted: Sat Jun 18, 2005 11:25 pm (спустя 13 дней 3 часа 11 минут; написано за 8 минут 5 секунд)
   Post subject:
Reply with quote

Дмитрий Котеров wrote:
Кажется, в IE нельзя сделать полностью закрепленный слой
Если очень постараться - в принципе можно...
Code (any language): скопировать код в буфер обмена
Но в 5-й версии это не будет прокручиваться колесом - только скроллбаром и клавишами.
Back to top
View user's profile Send private message
Ghirik
Заглянувший



Joined: 01 Oct 2007
Posts: 4
Карма: 0
   поощрить/наказать


PostPosted: Tue Nov 20, 2007 5:16 pm (спустя 2 года 5 месяцев 1 день 17 часов 51 минуту; написано за 34 секунды)
   Post subject:
Reply with quote

SelenIT, спасибо, очень пригодилось решение...
Back to top
View user's profile Send private message
Izem
Guest





Карма: 388
   поощрить/наказать


PostPosted: Fri Dec 14, 2007 4:20 am (спустя 23 дня 11 часов 3 минуты; написано за 2 минуты 32 секунды)
   Post subject:
Reply with quote

SelenIT, спасибо большое!

PS: а для IE 5.0 можно использовать вариант с Expression (единственно, что при прокрутке фиксированные блоки будут немного прыгать, но это лучше, чем отсутствие скролла. Да и IE 5.0 осталось не так уж и много (около 1%, судя по Яндексу). Кстати, в IE 5.5 скролл работает.)
Back to top
SelenIT
Участник форума



Joined: 02 Jan 2005
Posts: 146
Карма: 23
   поощрить/наказать


PostPosted: Tue Dec 25, 2007 10:33 pm (спустя 11 дней 18 часов 13 минут; написано за 2 минуты 52 секунды)
   Post subject:
Reply with quote

Упс... не заметил, что тему подняли. За прошедшее с тех пор время в одной известной веб-студии нашли радикальное лекарство от дрожания при использовании expression (www.artlebedev.ru/tools/technogrette/html/fixed_in_msie/), что, имхо, в большинстве случаев делает ненужной суету с прокручиваемым дивом. Кстати, в качестве адреса для фона в том решении вполне катит about:blank (проверял в IE6)...
Back to top
View user's profile Send private message
Ghirik
Заглянувший



Joined: 01 Oct 2007
Posts: 4
Карма: 0
   поощрить/наказать


PostPosted: Sat Feb 16, 2008 10:19 am (спустя 1 месяц 21 день 11 часов 45 минут; написано за 4 минуты 43 секунды)
   Post subject:
Reply with quote

Столкнулся с проблемой, и имея практически нулевые познания в CSS, с большим трудом нашел решение.
Если с приведенной SelenIT схемой использовать даже переходный DOCTYPE XHTML, то в IE6 появляется корневой скроллбар.
Добавление вот такой записи устраняет эту проблему.
Code (css): скопировать код в буфер обмена
<!--[if IE]>
<style type="text/css">
html, body {  overflow: hidden; }
</style>
<![endif]-->
Back to top
View user's profile Send private message
Display posts from previous:   
Post new topic   Reply to topic All times are GMT + 3 Hours
Page 1 of 1    Email to a Friend.
You cannot post new topics in this forum. You cannot reply to topics in this forum. You cannot edit your posts in this forum. You cannot delete your posts in this forum. You cannot vote in polls in this forum. You cannot attach files in this forum. You can download files in this forum.
XML