Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Pessoal seguinte, estou a ter um problema de resolução do topo, em um pc com resolução de 1280px 800px, o topo é renderizado de forma normal nos navegadores q uso(FireFox, IE, Opera, Safari) já quando coloco em em um pc com resolução de 1600px 900px ele chega até aos 1280px e corta.
Imagens da renderização:
/applications/core/interface/imageproxy/imageproxy.php?img=http://img52.imageshack.us/img52/733/layout1280px.png&key=2955326fe395209f0db66a3e9bd4555006843e8d1872e78d420cdb309ce7ca28" alt="layout1280px.png" />
1280px * 800px
/applications/core/interface/imageproxy/imageproxy.php?img=http://img213.imageshack.us/img213/2650/layout1600px.png&key=da0574d1f73893c26507d3a8439f97c5148e9d47c78a17e39adcaf316d347b04" alt="layout1600px.png" />
1600px * 900px
Codigo:
estilo.css
body
{
margin:0;
padding:0;
}
#cabecalhobackground:url(../Imagens/fundo_topo.png) no-repeat;
width:auto;
height:200px;
}index.html
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Winners IT | Ensino, Desenvolvimento Web e Publicidade</title>
<link href="Css/estilo.css" rel="stylesheet" type="text/css" />
</head>
<body><div id="contentor">
<!--div cabecalho-->
<div id="cabecalho">
</div>
<!--/div cabecalho-->
</div>
<!--/div contentor-->
</body>
</html>Bom pessoal, pensei em aumentar o tamanho da imagem, mais ai começo a achar que talvez seja gambiarra porque eu nunca sei qual é a resolução do monitor do usuario. O que acham???
Carregando comentários...