Comentários sobre: Site centralizado com CSS

Por: Brayan

Brayan — Tue, 29 Nov 2011 13:01:10 +0000

No meu caso aqui estava precisando fazer um hack pra IE pq o margin:0 auto soh num tava funcionando nele. Essa solução foi ótima amigo já to usando ela no IE. vlw e parabéns :D

Por: vinicius

vinicius — Mon, 21 Nov 2011 11:53:12 +0000

meu site fica centralizado no MOZILA E CHORME mas no internet explorer nao fica alguem me ajuda por favorrrrrrrrrrrr

.corpo { margin: 10 0 10 0px; position: relative;
left: 50%;
width: 740px;
margin: 0 0 0 -370px;}
.coluna_esquerda { }
.coluna_centro {margin-left: 300px; padding: 4 4 4 4px; width: 560px; }
.coluna_direita { }

Por: akminarrah

akminarrah — Fri, 06 Aug 2010 22:22:41 +0000

perfeito!

Por: Tiéle

Tiéle — Sun, 04 Jul 2010 02:55:51 +0000

Mto Boa a dica, nem precisa de Hack, facilita mto:)

Por: Rafa

Rafa — Mon, 17 Aug 2009 03:07:05 +0000

Galera !
Estou com um grande problema, criei um site que quando é aberto, por outros Navegadoores (sem ser o IE), abre perfeitamente centralizado tudo legalzinho.
Agora quando abre pelo IE 8, abre em formato menor e a direita da página, não centraliza, está hospedado em um servidor gratuito, que apresenta pequenas propagandas na parte superior do site, depois logo a baixo vem o site, mas quando é aberto pelo IE a página é deslocada para direita.
Já tentei tudo que postaram no forum e nada resolveu.
Preciso de alguem realmente bom, que queira aceitar este desafio, para me ajudar a solucionar esse problema, não tenho grandes conhecimentos em criação de sites, estou com a cara e a coragem.
Outra dúvida não consiguo criar uma área restrita aberta somente atrvavés de senha pré determinada.
.
OBrigado !

Por: Everson

Everson — Thu, 30 Apr 2009 14:10:32 +0000

opa, galera, será que alguém pode me ajudar?

tenho um html (index) com 2 frames
home (superior)
menu (inferior)

no home.html tudo certo

mas no menu.html (que tem um flash de menu), quando eu atualizo o index.html no IE 6/7 o oque eu queria que ficasse centralizado, não fica… só no IE fica a esquerda… no mozzila fica no centro…

mas quando eu atualizo só o menu.html ele fica centralizado…

vou passar os códigos pra vcs verem…

html index.html

html menu.html

animação do menu

–>

css
/*
#menu{
width:750px;
height:50px;
margin:auto;
background-color:#000;
}
*/

como faço pra deixar centralizado tbm no IE ???

Por: Pedro Rogério

Pedro Rogério — Sun, 01 Feb 2009 21:01:50 +0000

@Geovano,

Também utilizo um monitor LG de 17′, e funciona normalmente.

Por: geovano

geovano — Sun, 01 Feb 2009 07:20:52 +0000

tipo menu monitor aqui de 17 LG com essa margin -370px fica mais a direita e nao centraliza e colocando:
position: relative;
left: 50%;
width: 740px;
margin: 0 0 0 -670px;

assim da certo alguem pode me explicar porque nao entendi ?

Por: Rafael Dourado

Rafael Dourado — Tue, 23 Sep 2008 02:21:07 +0000

Tira esse border-bottom-width: 1px; que é desnecessário.
Se não está aparecendo no FF, ou tem erro no código html ou tem alguma outra coisa de css em algum outro canto que tu não disse. rsrs

Por: Léslie Bagalho

Léslie Bagalho — Tue, 23 Sep 2008 02:11:56 +0000

Rafael, obrigado..
E quanto a borda que aparece no IE e no Mozilla não?

#geral{
background-color: #FFFFFF;
width: 760px;
height: auto;
border: 1px solid #ccc;
border-bottom-width: 1px;
margin: 5px auto;
}

Por: Rafael Dourado

Rafael Dourado — Tue, 23 Sep 2008 01:55:19 +0000

Léslie, inclui esta linha:
#geral { margin:0 auto }

Por: Léslie Bagalho

Léslie Bagalho — Tue, 23 Sep 2008 01:46:37 +0000

Olá pessoal,
No meu CSS uso conforme abaixo e depois chamo as div no html…
Mas só consigo centralizar no IE e no Mozilla não vai de jeito algum.
Alguém poderia me ajudar respondendo se puder para leslie.bagalho@yahoo.com.br..
Vlw

body{
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
margin: 0px;
padding: 0px;
}
#geral{
background-color: #FFFFFF;
width: 760px;
height: auto;
margin-top: 5px;
border: 1px solid #ccc;
border-bottom-width: 1px;
}

OBS: No IE a borda aparece e no Mozilla não..
Sou iniciante no assunto…

Por: siteblogger

siteblogger — Tue, 28 Aug 2007 14:31:28 +0000

olha isso é relativo depende do browser!!! por não haver um padrão de interpretação dos browser cada um descobre uma maneira.

a minha é

* { margin: 0; padding: 0; }

# pagina {
width: 760px;
margin: 0 auto;
}

isso torna independente a parte de cima chamada de banner e a parte de baixo chamada rodape. só o meio é centralizado.

Por: Samuel Alves

Samuel Alves — Wed, 22 Aug 2007 11:10:45 +0000

Eu faço assim:

html {heigth:100%}

Body{
margin:0;
padding:0;
text-align:center;
}

#conteudo {
margin-left:auto;
margin-right:auto;
position:relative;
}

Assim eu testei e deu certo nos seguintes navegadores: OPERA 9, IE, Mozilla Firefox.

Abraço Galera.

Por: Leonardo L Procópio

Leonardo L Procópio — Wed, 15 Aug 2007 22:25:09 +0000

Mano, essa dica é boa!
Mas é ruim quando a janela é menor do que a div, pois o valor negativo começa a recortar o conteúdo.
Nesse caso é preferível usar a outra forma mesmo!
grande abraço!