Меню
Что нового?

Тайна position:fixed; и IE

Бочонок

Бочонок

http://frontender.info
Тайна position:fixed; и IE

Доброго времени суток.

Есть код. работает везде кпроме интернет эксплорера. Опять напортачил ?

Хотел что бы плашка висела в верхнем правом углу и не зависила от прокрутки... Как то можно убедить ие, что он не прав ?

PHP: 
<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.0 Transitional//EN'>
<html>
<head>
<meta HTTP-EQUIV='Content-Type' CONTENT='text/html;charset=windows-1251'>
<link type='text/css' rel='stylesheet' href='style.css'></head>
<body>

<iframe frameborder=0 topmargin=0 leftmargin=0 marginwidth=0 marginheight=0 width=0 height=0 scrolling=no  name='hif' id='hif' src='ref.php'></iframe>
<table height='100%' width='100%'><tr><td valign=bottom width='100%'>
<div class=out_stream id=out_stream name=out_stream>
</div>
</td></tr></tABLE>
<div class=corn_main_cl></div>
<div class='corn_main_block num1'>Некий текст</div>
</body></html>
---------------------------------------------------------------------------------
style.css
---------------------------------------------------------------------------------
.corn_main_cl{
position: fixed;
right:1px;
top:1px;
width:10px;
height:20px;
background: #a0522d url(bg/open.gif) no-repeat 0px 0px;
}

.corn_main_block{
position: fixed;
line-height:20px;
font-family: verdana;
font-size:10px;
color: #fff;
text-align:center;
top:1px;
width:150px;
height:20px;
background-color: #a0522d;
}

.num1{
right:12px;
}
 
Бочонок

Бочонок

http://frontender.info
Спасибо за ответ.
C'est La IE :) - Ой, а что это значит ?
Начинаю тихо ненавидеть IE. (Что не надо он поддерживает - тени там всякие, а вещи важные и полезные игнорирует...)
А хаков хитрых (как с 100% высотой) для IE не предусмотрено ?
Такую штуку только с помощью JS тогда написать можно ?
 

SelenIT

IT-лунатик :)
Имхо, можно сделать для основного контента контейнер с фиксированной высотой и overflow: scroll - прокручиваться будет только содержимое этого контейнра, правда, полоса прокрутки будет на не совсем привычном месте. С помощью фреймов можно бы побороть и это, но тогда слегка теряется смысл затеи :(

C'est La IE :) - Ой, а что это значит ?
Нажмите для раскрытия...
это каламбур, на франц. фразу C'est La Vie (селяви по-нашему :) )
 
Бочонок

Бочонок

http://frontender.info
контейнер с фиксированной высотой и overflow: scroll
Спасибо за дельный совет, но боюсь неполучиться. Это наброски для очередного чата и это все расположено во фрейме, меняющем свою высоту... кроме того менюшка (фиксированый блок) раскладываеться как хочет со всеми вытекающими...
 

SelenIT

IT-лунатик :)
Бочонок
Может быть, подойдет контейнер со стилем наподобие такого?
Код: 
position: absolute;
right: 0px;
top: 0px;
height: expression(body.clientHeight);
width: 100%;
overflow-y: scroll;
У меня (в IE6, WinXP SP2) он ведет себя вроде бы как надо. В этом div-е должно быть все, кроме плашки.
 
Бочонок

Бочонок

http://frontender.info
Чесно говоря не знаю смеяться мне или плакать.
Прекрасно работает.
Но только в IE.
 

SelenIT

IT-лунатик :)
Естественно - expression-ы и afaik overflow-y понимает только он. Зато все остальные понимают position:fixed. Может, есть смысл сделать ветвление по User-agent?
 
Бочонок

Бочонок

http://frontender.info
Тоесть пхп код котокый использует ту или иную сборку ?
А User-agent надежный ? тоесть в него все пишут во что гаразд? Или как есть ?
 

SelenIT

IT-лунатик :)
Нормальные браузеры обычно не врут, а то, что врет (роботы и т.п.), ИМХО по-любому не сможет отобразить чат. Так что для этой задачи, по-моему, надежность достаточная...
 
Войдите или зарегистрируйтесь для ответа.
Сверху