Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoal, pra me fazer entender bem vou colocar um exemplo:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="[http://www.w3.org/1999/xhtml">](http://www.w3.org/1999/xhtml)
<head>
<style type="text/css">
#d1 {
position: relative;
width: 90%;
height: 200px;
padding: 5%;
background-color: #220;
font-family: Verdana, Helvetica, sans-serif;
font-size: 15px;
}
#d2 {
position: relative;
width: 96%;
height: 92%;
padding: 2%;
background-color: #20F;
overflow: auto;
}
#d3 {
position: relative;
width: 100%;
height: 10px;
background-color: #F0F;
}
</style>
</head>
<body>
<div id="d1">
<div id="d2">
<div id="d3"></div>
Ahhhhhhhhhhhhhhhhhhh!!!!!!!!!
<br/><br/><br/><br/><br/><br/><br/><br/>
Ahhhhhhhhhhhhhhhhhhh!!!!!!!!!
</div>
</div>
</body>
</html>Se abrirem isso no IE e FF em ambos vai ficar idêntico.Então esperimentem adicionar mais um <br/> ali onde já tem alguns e reparem a diferença entre os navegadores.Quando cria a barra de rolagem, no FF o div d3 que tem 100% do tamanho diminui de acordo com o espaço ocupado pela barra de rolagem, no IE isso não acontece, ele interpreta o tamanho total do seu pai sem diminuir o tamanho ocupado pela barra de rolagem, o que gera problemas.
Em modo quirks no IE isso funciona, em modo standard não.
Sabem de algum modo pra resolver isso?
Obrigado pela atenção.
Carregando comentários...