Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom galera estou com um probleminha, as bordas ficam estranhas no FF mais no ie é perfeita, alguem sabe o que posso fazer?
O link é esse: http://www.pointsquare.com.br/cantos/layer.html
O codigo:
CODE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">](http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd%22)<html xmlns="[http://www.w3.org/1999/xhtml">](http://www.w3.org/1999/xhtml%22)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css"><!--
#canto {
position:absolute;
left:567px;
top:173px;
width:222px;
height:auto;
z-index:1;
background-image: url(canto_bg.JPG);
}h4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
font-weight: normal;
}h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #336699;
font-weight: bolder;
font-style: normal;
line-height: normal;
text-transform: none;
}h2 {
font-size: 14px;
font-weight: bold;
color: #3366CC;
font-family: Geneva, Arial, Helvetica, sans-serif;
}
#conteudo {
position:absolute;
left:15;
top:173px;
width:551px;
height:auto;
z-index:2;
background-image: url(bg_cont.JPG);
}
#banner {
position:absolute;
left:15;
top:0;
width:780px;
height:auto;
z-index:3;
background-image: url(banner_bg.jpg);
}
#Layer1 {
position:absolute;
left:15;
top:40px;
width:780px;
height:auto;
z-index:4;
background-image: url(banner_bg.jpg);
background-color: #FFFFFF;
}
#Layer2 {
position:absolute;
left:15px;
top:235px;
width:780;
height:auto;
z-index:5;
}-->
</style>
</head>
<body>
<div id="canto">
<p><img src="canto_top.JPG" width="222" height="17" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><br />
<img src="canto_bot.JPG" width="222" height="17" /></p>
</div>
<div id="conteudo">
<p><img src="cont_top.JPG" width="551" height="17" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><img src="cont_bot.JPG" width="551" height="17" /></p>
</div>
<div id="banner">
<p><br />
<img src="banner_bot.jpg" width="780" height="17" /></p>
</div>
<div id="Layer1">
<p><img src="banner_top.jpg" width="780" height="17" /></p>
<p> </p>
<p> </p>
<p><img src="banner_bot.jpg" width="780" height="17" /></p>
</div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</body>
</html>Agradeço des de já.
Obrigado !!!
Carregando comentários...