Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

ericolvr

Widths diferentes firefox e chrome

Recommended Posts

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?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Você colocou a largura em px no #slider pra ver se funciona?

!important em abos os widths.

 

resolvido,

tinha tentando apenas no #slider.

 

Obrigado

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.