Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Galera, to com um problema aqui, chato demais!!!
Tomara que me ajudem....to montando o esqueleto de um site e
tenho uma div #mae e dentro dela tem uma div #topo e dentro de topo tem a div #banner...
a div #banner tem um tamanho menor que a div #topo e precisa ficar centralizada no meio da div #topo, eu coloco no css
#banner {margin-left:auto; margin-right:auto; margin-top:35px; margin-bottom:auto;}
a div #banner até abaixa, só que na hora de visualizar no navegador e div #topo abaixa junto!!
Olha o código ai:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Boomers</title></head>
<body>
<div id="mae">
<div id="topo">
<div id="banner"></div>
</div>
</div>
</body>
</html>body {
background-color: #333;
background-image: url(imagens/fundo.gif);
background-repeat: repeat;
}
#mae {
height: 1000px;
width: 802px;
margin: auto;
border-top-style: dashed;
border-right-style: dashed;
border-bottom-style: dashed;
border-left-style: dashed;
border-top-color: #999;
border-right-color: #999;
border-bottom-color: #999;
border-left-color: #999;
background-color: #000;
}
#topo {
height: 350px;
background-image: url(imagens/topo.png);
background-repeat: no-repeat;
width: 802px;
}Carregando comentários...