[Evaldo]

Essa eu tenho que compartilhar de tão simples e estúpida que é.....

No meu layout, fiz um contorno sombreado na página, bem clichê

Percebi que o IE não mostrava a imagem do rodapé, e fui buscar soluções. Descobri que o IE não trabalha bem com float e o clear, quando usados, ele não mostra o background.

#parceiros {
	position:relative;
	float:right;
	margin:0 10px 0 10px;
}
#rodape {
	position:relative;
	width:1000px;
	height:25px;
	background:url(../img/bkgrodape.png) no-repeat;
	text-align:center;
	font-size:10px;
	color:#666666;
	clear:both;
}

Aparentemente tudo certo, funciona no FF e no Opera, já no IE
A solução:

#parceiros {
	 position:relative;
	 float:right;
	 margin:0 10px 0 10px;
 }
 #rodape {
	 position:relative;
	 width:1000px;
	 height:25px;
	 background: url(../img/bkgrodape.png) no-repeat;
	 text-align:center;
	 font-size:10px;
	 color:#666666;
	 clear:both;
 }

Perceberam a diferença? É tão simples e tão estúpida que aposto que a maioria não viu.... mas basta dar um espaço na declaração, ou se seja, background: espaço url(imagem) espaço no-repeat;

Espero que ajude mais pessoas.

Abraços

[Micox]

Viva os bugs do maledeto IE. hauehaeh
Esse ainda é diboas. Pior é quando não achamos a solução heheh

[PXzin]

entendo isso da seguinte forma

Todo elemento pai que tem filhos flutuantes (float) não pode ter sua altura afetada automaticamente pela altura dos filhos, pois eles estão flutuando sobre ele.

"O pai, burro e arcaico como todo pai, não sabe a altura dos seus filhos moderninhos."

Para isso o pai precisa de um ultimo filho dedo-duro. Um que seja pé no chão (clear:both) para lhe informar a altura dos irmãos e assim afetar a altura do pai.

----- x----
Viajei demais!?
Na real o seu elemento tinha background sim, mas ele tinha altura 0. Ou seja, o elemento e suas características não poderiam ser exibidas.
Se colocasse um borda nesse elemento verificaria que ela se transformaria em uma linha continua, com se estivesse cercando um elemento sem altura, que era o que acontecia.

Assim que entendo o CSS

[Evaldo]

Cara, acho que não entendi muito bem não.... o elemente que vc está falando que tem altura 0 é o rodapé? Olha direito....

 #rodape {
	 position:relative;
	 width:1000px;
	 [b]height:25px;[/b]
	 background: url(../img/bkgrodape.png) no-repeat;
	 text-align:center;
	 font-size:10px;
	 color:#666666;
	 clear:both;
 }

Agora, se for o elemento flutuado, aí varia muito... pode ser uma imagem, um parágrafo, uma div, etc... aí complica colocar altura em tudo, afinal, como se calcula a altura de um parágrafo?

[PXzin]

Acho que eu viajei na maionese...
Li uma coisa, entendi outra e postei uma resposta a algo totalmente nada haver!

[Evaldo]

PXzin, em 03/03/2008 - 17:53, disse:

Acho que eu viajei na maionese...
Li uma coisa, entendi outra e postei uma resposta a algo totalmente nada haver!

É... eu já fiz isso tb.... rs... de vez em qdo nossa cabeça vira o IE, cheia de bug