Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom pessoal, estou tendo um probleminha chato,
Minha pagina esta dividida em três partes:
Header (banner ajustável a qualquer resolução na horizontal)
Body (todo o conteúdo da pagina com um menu na vertical)
Footer (uma div com algum conteúdo não muito importante)
Era pra ficar assim: http://i248.photobucket.com/albums/gg163/XauDH/certo.jpg
Esta ficando assim: http://i248.photobucket.com/albums/gg163/XauDH/errado.jpg
HTML da pagina:
<!-- Header - Inicio -->
<div class="header">
<div class="header-2">
</div>
<div class="main-top">
</div>
</div><div class="cont">
<div class="left">
<div class="menu">
</div>
</div>
<div class="cont-2">
<div class="meio">
</div>
<div class="right">
</div>
</div>
</div>
<!-- Footer - Inicio -->
<div class="footer">
<div class="footer-2">
<div class="main-bot">
</div>
</div>
</div>CSS
body {
margin:0;
padding:0;
}
/ Header - Inicio /
.header {
background:url(imgs/bgt.png) center top repeat-x;
height:255px;
}
.header-2 {
background:url(imgs/topo.png) center top no-repeat;
margin:0 auto;
width:1000px;
height:215px;
}
.main-top {
background:url(imgs/maint.png) center top no-repeat;
margin:0 auto;
width:1000px;
height:40px;
}/ Body - Inicio /
.cont {
width:970px;
left:50%;
margin-left:-485px;
position:absolute;
}
.left {
width:150px;
float:left;
}
.cont-2 {
width:810px;
float:right;
}
.meio {
width:650px;
float:left;
}
.right {
width:150px;
float:right;
}
/ MENU - Inicio /
.menu {
background:url(imgs/menu/menubg.png) center top no-repeat;
width:150px;
height:515px;
}/ Footer - Inicio /
.footer {
background:url(imgs/gramafu.png) center bottom repeat-x;
height:141px;
}
.footer-2 {
background:url(imgs/gramafr.png) center bottom repeat-x;
height:141px;
}
.main-bot {
background:url(imgs/mainb.png) center bottom no-repeat;
margin:0 auto;
width:1000px;
height:40px;
}Carregando comentários...