Widths diferentes firefox e chrome
Pessoal, os widths estão diferentes no Firefox e no Chrome.
Assim funciona perfeitamente no Chrome, da rolagem no Firefox
#slider{
width: 100%;
height: 455px;
position: absolute;
z-index: 50;
top: -62px;
overflow: hidden;
}
#slider ul li img{
width: 1920px;
height: 455px;
}
Se inverter o width do #slider ul li img para %, como:
#slider ul li img{
width: 100%;
height: 455px;
}a imagem não é renderizada no Chrome, mas dá certo no Firefox.
o html está normal:
<div id="slider">
<ul>
<li><img src="../media/img/natureza.jpg" width="1920" height="455" /></li>
<li><img src="../media/img/natureza1.jpg" width="1920" height="455" /></li>
<li><img src="../media/img/natureza2.jpg" width="1920" height="455" /></li>
</ul>
</div>
Alguém pode me dar uma luz?Discussão (2)
Carregando comentários...