CSS height X width
Ola dres, tudo bem?? Estou a fazer uma pagina, ela fica maravilhosa no ie... mas no Firefox ela fica horrivel!! Quando conserto o problema no firefox.. o IE passa a causar problemas.. o maior problema são nas "caixas" que nunca estão do tamanho certo. Já tentei colocar em pixels , percentagem .. etc..
Mas qualquer medida que use, acaba sendo diferente para os browsers, alguem sabe como resolver os problema??
Cá esta o código CSS da minha pagina.. Há algo que eu possa fazer para contornar essa situãção??
body{
background-color: white;
}
.caixaFundo{
background-color:99FFFF;
margin:1%;
height: 150%;
width: 95%;
padding:20 20 20 20px;
}
.caixaTitulo{
background-color:0066FF;
height: 24%;
width: 940px;
padding 5 5 5 5px;
}
.caixaFora{
float: left;
margin-right: 5px;
background-color:#5d665b;
height: 350px;
width: 150px;
padding: 5 5 5 5px;
}
.caixaInterna{
background-color:blue;
top:202px;
left:90px;
height:330px;
width: 150px;
}
.caixaConteudo{
float: left;
margin-left:20px;
margin-right:20px;
background-color: 33CCFF;
max-height:480px;
height:60%;
width:60%;
padding: 20 20 20 20px;
}
.caixaPropaganda{
float:left;
margin-bottom: 3%;
background-color: 66CCFF;
height: 150;
width: 13.5%;
}a.links:link {
color:white;
text-decoration:none;
}a.links:visited{
color:white;
text-decoration:none;
}a.links:hover{
color::#FF0000;
text-decoration:underline;
}e cá esta o HTML.
<html>
<head>
<title>testando</title>
<link rel="stylesheet" type="text/css" href="teste.css"/>
</head>
<body>
<div class="caixaFundo">
<div class="caixaTitulo">a</div>
<br>
<div class="caixaFora" ><div class="caixaInterna">
<table >
<tr><td><li><a href="pg.html" class="links">Home</a></li></td></tr>
<tr><td><li><a href="pg.html" class="links">Público Alvo</a></li></td></tr>
<tr><td><li><a href="pg.html" class="links">Contato</a></li></td></tr>
<tr><td><li><a href="pg.html" class="links">Apoio</a></li></td></tr>
</table>
</div></div>
<div class="caixaConteudo">aaaa</div>
<div class="caixaPropaganda"></div>
<div class="caixaPropaganda"></div>
<div class="caixaPropaganda"></div>
</div>
</body>
</html>Discussão (1)
Carregando comentários...