Duplicar fundo.

[Deep 0]

Olá, eu tenho um esquema que está divido em 3 partes, topo, meio e rodape, eu consigo duplicar o fundo no IE mas no firefox ele não curti, como eu posso fazer funcionar no FF?

 

HTM.

<div class=ConteudoInteiroBarraDireita>

<ul>

<li class=FundoTopoBarraDireita></li>

<li class=FundoMeioBarraDireita>oiioioioioi<br>oiioioioioi<br>oiioioioioi<br>oiioioioioi<br>oiioioioioi<br>oiioioioioi<br></li>

<li class=FundoRodapeBarraDireita></li>

</ul>

</div>

 

CSS.

.FundoTopoBarraDireita{background-image: url(TopoBarraDireita.gif);width:164px;height:23px;background-color:#FF6600;}

.FundoMeioBarraDireita{background-image: url(MeioBarraDireita.gif);width:164px;height:8px;background-repeat:repeat-y;background-color:#cecece}

.FundoRodapeBarraDireita{background-image: url(RodapeBarraDireita.gif);width:164px;height:29px;background-color:#dedede;}

.ConteudoInteiroBarraDireita ul{list-style-type:none}

[programador php 0]

Deep

 

o seu layout esta dividido em listas?

 

se for essa não é a forma correta!!!

 

 

crie divisões

 

 

<style>
#topo{
	 height: 150px;
	 background-color: Red;
}
#meio{
	 height: 550px;
	 background: transparent url(images/fundo.gif) repeat;
}
#rodape{
	 height: 50px;
	 background-color: Blue;
}

</style>

<div id="tudo">
	<div id="topo"></div>
	<div id="meio"></div>
	<div id="rodape"></div>
</div>

 

será que isso ajuda!

 

 

abraço

[Deep 0]

Olá, só precisei remover o height:8px;

 

Grato.

[programador php 0]

que bom que resolveu o problema,

 

quando for postar alguma coisa que contenha codigo

 

procure identar o codigo e coloque dentro da tag [ code ] [ /code ] (sem os espaços)

 

 

abraço

[brcontainer 16]

Deep só verificando um detalhe, nunca se esqueça de por ASPAS em atributos ;)

<li class="FundoTopoBarraDireita"></li>

[Deep 0]

Valeu pelas dicas