|
Архив - только для чтения |
Сообщество uCoz » Архивариус » Архив » Проблема position:fixed; в IE (давайте разберёмся) |
Проблема position:fixed; в IE |
Привет, форумчане! Заинтересовался темой фиксирования содержимого на страничке (и при скроллинге). Решил создать по этому поводу отдельную тему... Проблема вот в чём, IE до сих пор нормально не понимает position:fixed; (в IE 7 работает только при указании конкретного doctype). Порывшись в интернете нашёл много способов, но все они со своими минусами, но вспомнил что реклама Бегуна на Укозе как раз то что надо... так вот, к чему это я
вот код Code <style type="text/css">#adBegunar8XY6n {z-index:10;position:absolute;top:0;left:0;padding:1px 2px 2px 0px;}.cAdBar8XY6n {position:absolute;top:0px;left:0px;width:100%} div > div.cAdBar8XY6n {position:fixed;}#adTextar8XY6n {z-index:9;position:absolute;top:0;left:0;width:100%;line-height:22px;background:#D4D0C8;border-bottom: 1px outset;}#adClosear8XY6n {position:absolute;top:0;right:0;z-index:10;background:#D4D0C8;line-height:22px;padding:3px 4px 3px 4px;border-bottom: 1px outset;}</style><!--[if gte IE 5.5]><![if lt IE 8]><style type="text/css">div#aBarVar8XY6n {width:expression(((ignoreMe=(document.documentElement.clientWidth?document.documentElement.clientWidth:document.body.clientWidth))<200?200: ignoreMe)+'px');position:absolute;top:expression((ignoreMe2=document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop)+'px');left:expression((ignoreMe=document.documentElement.scrollLeft?document.documentElement.scrollLeft:document.body.scrollLeft)+'px');}</style><![endif]><![endif]--><div id="adBarar8XY6n"><div class="cAdBar8XY6n" id="aBarVar8XY6n"><div id="adBegunar8XY6n"><a href="http://www.begun.ru/" title="Реклама на Бегуне" target="_blank"><img border="0" src="https://src.ucoz.ru/img/bn/begun.gif" width="18" height="18"></a></div><div id="adTextar8XY6n"><iframe frameborder="0" width="100%" height="22" scrolling="no" allowTransparency="true" style="background-color:#D4D0C8" src="http://a.ucoz.ru/popup/?ref=http%3A%2F%2Fvvt-project.3dn.ru%2Findex%2F0-4&par=iIpzcoc8dhn6xnEw2LQVb_3nb0tOL3u-mRWXLAq_epJkz0Bb3769uGBVzqBNBEs5sRVPWPWJm-2OZTrtwWyDMLToneRi9jE9c6e_GwwqRIiylt8DwO4OhYCZNZx8b61oWrYzKPsn 3jS24X1xncBHKcZQ8qo7Ou2m"></iframe></div><div id="adClosear8XY6n"><a href="javascript://" onmouseover="document.getElementById('clobutar8XY6n').src='https://src.ucoz.ru/img/bn/clo2.gif'" onmouseout="document.getElementById('clobutar8XY6n').src='https://src.ucoz.ru/img/bn/cl2.gif'" onclick="document.getElementById('adBarar8XY6n').style.display='none';return false;"><img id="clobutar8XY6n" title="Закрыть" align="absmiddle" border="0" src="https://src.ucoz.ru/img/bn/cl2.gif" width="16" height="16"></a></div></div></div><script type="text/javascript">document.getElementById("adBarar8XY6n").style.height=document.getElementById("adTextar8XY6n").offsetHeight+'px';</script> Выбросив отсюда всё лишнее в IE перекрывает баннер Бегуна, а проблем с Укозом не хочется... Добавлено (Сегодня, 14:06:01) Все хотят хорошо провести время, но его не проведёшь...
Сообщение отредактировал Energo - Четверг, 25 Окт 2007, 14:07:06
|
|
King-max, э какой хитрый, это дизайнерская задумка
Вобщем это будет шапка страницы... Больше ничё не скажу, кто понял тот понял Хотелось конечно чтоб админы Укоза ответили, всё таки это их технология. Все хотят хорошо провести время, но его не проведёшь...
|
Energo, лана, не хочешь не говори. Я одного не пойму, что за атрибуты топ и лефт? Они как padding, как margin действуют?
|
King-max, да я вроде сказал Хочу картинку зафиксировать... Топ и лефт это отспуты...
Quote Они как padding, как margin действуют? Типа того Добавлено (Сегодня, 23:24:29) Все хотят хорошо провести время, но его не проведёшь...
|
Energo, я не знаю, что такое margin и padding, не просто первый раз вижу стилях просто TOP и просто LEFT.
|
Вместо position:fixed; , попробуй position: absolute; и ещё добавь top: 22px;, что бы баннер не перекрывало.
Добавлено (Сегодня, 11:16:07) Quote (Energo) Позицию менял в .cAdBar8XY6n {position:absolute;top:22px;left:0px;width:100%} - всё равно в IE перекрывает. Ты не в тот класс добавляешь, баннер не трож. Добавлено (Сегодня, 11:25:45) Quote (Energo) Хочу картинку зафиксировать... Топ и лефт это отспуты... Так для картинки и делай отступы. Например:
Code <html> <head> <title></title> </head> <style type="text/css"> .bla-bla {position: absolute; left: 0px; right: 0px; bottom: 0px; top: 22px;} </style> <body> <div class="bla-bla">картинка</div> </body> </html> Сообщение отредактировал Tomas - Пятница, 26 Окт 2007, 11:26:26
|
Energo, вы имеете в виду нечто такое - http://a1.moy.su/ ?
Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
|
Energo, тогда читайте теорию - http://www.artlebedev.ru/tools/technogrette/html/fixed_in_msie/
Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
|
Да читал я это...
Добавлено (26-Окт-2007, 18:12:06) Все хотят хорошо провести время, но его не проведёшь...
Сообщение отредактировал Energo - Пятница, 26 Окт 2007, 19:20:51
|
| |||
| |||