Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
A questão e a seguinte o site está centralizado no navegador, mas eu queria que o topo e o rodapé se expandissem em toda a página e não ficasse centralizado. Tem como resolver esse problema?
segue o código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css"> margin: 0;
padding: 0;
text-align:center; /* hack para o IE */
} margin:0;
padding:0;
background:#ccc;
text-align:center; /* hack para o IE */
}
#tudo {
background-color: #CCC;
width: 760px;
margin:0 auto;
border:#999 solid 1px;
text-align:center; /* "remédio" para o hack do IE */
}
#conteudo {
padding: 5px;
background-color: #06F;
font: 12px "Verdana", Helvetica, sans-serif;
color:#000000;
text-align:center; /* hack para o IE */
}
#topo {
background-color: #F00; /* definido cor de background para o topo */
height: 150px; /* definindo altura de 100px */
width:100%;
text-align:left; /* hack para o IE */
}
#rodape {
background-color: #F00; /* definido cor de background */
height: 40px; /* definindo altura de 40px */
text-align:center;
color:#FFFFFF;
font: 14px "Verdana", Helvetica, sans-serif;
clear: both; /* não permitindo que objetos "flutuantes" obstruam o rodapé. */
}
</style>
</head>
<body>
<div id="tudo">
<div id="topo">
</div><!--fim div topo-->
<div id="conteudo">
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div><!--fim div conteúdo-->
<div id="rodape">Rodapé</div><!--fim div rodapé-->
</div><!--fim div tudo-->
</body>
</html>Carregando comentários...