ti-enxame.com

Como posicionar uma div no canto inferior direito de um navegador?

Estou tentando colocar meu div com algumas notas na posição canto inferior direito da tela que será exibida o tempo todo.

Eu usei o seguinte css para isso:

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

Funciona bem com o Chrome 3 e o Firefox 3.6, mas o IE8 é uma droga ...

o que pode ser uma solução adequada para isso?

61
KoolKabin

Este trecho funciona no IE7 pelo menos

<!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>
96
sewa

Eu não tenho o IE8 para testar isso, mas tenho certeza que deve funcionar:

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

e o css:

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

Isso deve colocar o .innerdiv no canto inferior direito da classe .screen. Eu espero que isso ajude :)

8
Morgoth

Tente isto:

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