GabrielFerrari 41 Denunciar post Postado Abril 3, 2009 Opa eu de novo http://forum.imasters.com.br/public/style_emoticons/default/pinch.gif Estou montando um site no qual o banner tem que ocupar a parte toda da página. Porém o conteúdo deve ficar centralizado no meio. O problema é que não estou conseguindo fazer essa centralização. Outra coisa que acontece é que quando eu diminuo a largura da página o layout "quebra" fazendo a parte da direita ir pra baixo. Para quem quiser visualizar o site é esse: http://site-teste.ueuo.com/ Meu CSS está assim: /*COMEÇO DO GERAL*/ body { margin:0; padding:0; text-align: center; /* hack para o IE */ font-size:9pt; font-family:Arial; } * { margin:0; padding:0; list-style:none; } .all{ margin:0 auto; width:956px; text-align:left; /* "remedio" para o hack do IE */ height: 843px; } /*ESPAÇO*/ #espaço{ position:relative; float:left; width:956px; height:100px; } #esp_cinza{ background:#CCCCCC; height:5px; width:956px; } #sgs{ padding-right:180px; } #selo{ position:absolute; z-index:10; left: 784px; top: -27px; } /*INFO*/ #info{ position:relative; float:left; padding-left:55px; } /*COMEÇO DO BANNER*/ .banner{ position:relative; float:left; width:956px; } #faixa_banner{ position:relative; background:#CCC; height:25px; width:956px; } #esq_banner{ position:relative; float:left; background:#F60; height:170px; width:78px; } #centro_banner{ position:relative; float:left; width:800px; } #dir_banner{ position:relative; float:right; background:#F60; height:170px; width:78px; } #linha_banner{ background:#CCC; height:5px; width:956px; left: 444px; top: 185px; } /* MENU ESQUERDA*/ #esq_menu{ position:relative; float:left; width:200px; } #sombra_esq_menu{ position:relative; float:left; } #menu{ position:relative; float:left; padding-left:20px; } /* MEIO */ #conteudo{ position:relative; float:left; width:450px; } #sombra_meio_esq{ position:relative; float:left; } #sombra_meio_dir{ position:relative; float:right; } #conte{ position:relative; float:left; } /*DIREITA*/ #direita{ position:relative; float:left; width:200px; height:600px; } #sombra_direita{ position:relative; float:right; } #direitero{ position:relative; float:left; padding-left:20px; } Alguém pode me ajudar ? :rolleyes: Compartilhar este post Link para o post Compartilhar em outros sites
GabrielFerrari 41 Denunciar post Postado Abril 6, 2009 Resolvido ! Só precisa arrumar esse div: #info{ width: 850px; margin-left: auto; margin-right: auto; } Compartilhar este post Link para o post Compartilhar em outros sites