Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Luiz Vieira

[Resolvido] Centralizar página

Por , em Desenvolvimento frontend

Recommended Posts

Luiz Vieira    0

Luiz Vieira
Postado

Pessoal, tenho uma página onde utilizo CSS para centralizar mas não está funcionando. O código é o mesmo que utilizei em outras páginas que fiz e funcionou antes.

 

No CSS está assim:

* {
margin: 0;
padding: 0;
}

body {
	margin:0;
	padding:0;
	background:#DAC152;
	text-align:center; /* hack para o IE */
	background-color: #DAC152;
}

#tudo {
width: 780px;
margin:0 auto;			
padding: 0px;
text-align:left; /* "remédio" para o hack do IE */	
background-color:#FFF;
background:#FFF;
	}

E no arquivo .asp, coloquei a DIV "tudo" logo depois da tag body e finalizei antes do final do body assim:

<body bgcolor="#ffffff">
<div id="tudo">
[conteúdo do corpo da página, com outras divs inclusive]
</div>
</body>

Alguém pode ajudar a descobrir o prq desse método não funcionar? Ou mesmo ensinar outro método pra centralizar a página? http://forum.imasters.com.br/public/style_emoticons/default/upset.gif

Valeu!!! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Você declarou um DOCTYPE para o documento ?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
		"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br">
<head>
Esse hack do text-align pro IE.. é só para as versões 5.x .. verifique se teus clientes ainda usam esses navegadores.

 

Se tiver como postar um link para o site, fica melhor pra analizar.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Bom.. dei uma olhada por cima..

tem alguns erros de marcação.. mas o mais grave é essa quantidade exorbitante e errada de comentários HTML.

Retire todos!!!

 

Não use -- como comentário. Isso faz parte da TAG. Aperta Ctrl+U no FireFox para entender oque aconteceu com teu código.. tudo oq tiver em VERDE virou comentário, por isso não renderiza e desconfigura.

<!-- xx BEGIN COPYING THE HTML HERE xx -->

Compartilhar este post

Link para o post
Compartilhar em outros sites

T.Colucci    33

T.Colucci
Postado

Meu brother,

 

Eu tenho um código que geralmente uso em páginas que tem um tamanho fixo.

 

É assim:

 

#tudo{
position: absolute;
width: 780px;
left: 50%;
margin-left: -390px;
}

Explicação:

 

A sua DIV tem que estar com o position: absolute, se não, não irá funcionar. Declare a largura da DIV, depois defina left: 50%, e no margin-left você coloca a metade do tamanho da DIV, mas tem que ser NEGATIVO

 

Dessa forma sua DIV vai ficar sempre centralizada.

 

Se te ajudar, posta os resultados... Ok?

 

Abs.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito