Как разместить div в нижнем правом углу браузера?

Я пытаюсь поместить мой div с некоторыми заметками в положение внизу справа на экране, которое будет отображаться все время.

Я использовал следующий css для этого:

#foo
{
     position: fixed;
     bottom: 0;
     right: 0;
}

Он отлично работает с Chrome 3 и Firefox 3.6, но IE8 отстой...

что может быть подходящим для него решением?

Ответ 1

Этот фрагмент работает в IE7 как минимум

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Test</title>
<style>
  #foo {
    position: fixed;
    bottom: 0;
    right: 0;
  }
</style>
</head>
<body>
  <div id="foo">Hello World</div>
</body>
</html>

Ответ 2

У меня нет IE8, чтобы проверить это, но я уверен, что он должен работать:

<div class="screen">
   <!-- code -->
   <div class="innerdiv">
      text or other content
   </div>
</div>

и css:

.screen{
position: relative;
}
.innerdiv {
position: absolute;
bottom: 0;
right: 0;
}

Это должно помещать .innerdiv в нижнем правом углу класса .screen. Надеюсь, это поможет:)

Ответ 3

Попробуйте следующее:

#foo
{
    position: absolute;
    top: 100%;
    right: 0%;
}