Problema com CSS e IE7

E

ervunks

Membro
Boas,

Tenho andado às turras com o IE7 e com CSS's e não consigo resolver o problema!

Numa página tenho 2 divs e quero colocar neles uma imagem de fundo definida no CSS, como está a seguir:
Código: 
#logo{
  background: url("../img/logo.png");
  width: 280px;
  height: 80px;
  position: absolute;
  left: 10px;
  top: 10px;
  display: block;
}

#banner {
  background: url("../img/banner.png");
  width: 720px;
  height: 80px;
  position: absolute;
  left: 300px;
  top: 10px;
  display: block;
}

Código validado pelo W3C Validator

Depois no ficheiro html tenho os divs definidos:
Código: 
...
<div id="logo">&nbsp;</div>
<div id="banner">&nbsp;</div>
...

O resultado final é que no Firefox é na boa, aparece tudo bem, no IE7, não aparece nada :005:

[]
 
Pois..
Mas para poderes usar o 'position: absolute' em condiçoes, tens q ter uma div por fora com 'position: relative'..

Adiciona na CSS:
#main { position: relative; }

E no html:
<body>
<div id="main"> *... ...* </div>

E ve se resolveu..
 
Inicie sessão ou registe-se para poder participar.
Back
Topo