Ir para conteúdo

POWERED BY:

Arquivado

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

Vanilson

[Resolvido] Centralizar apenas a div e não o conteudo da div

Por , em Desenvolvimento frontend

Recommended Posts

Vanilson    2

Vanilson
Postado

Pessoal to com um problema que talvez seja pequeno eu pretendo centralizar uma div que eu chamo de conteudo so que para além de ele centralizar a div tambem centraliza o conteudo já tentei usar o align com o valor center no codigo que postarei tem a tag center:

 

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Div</title>
</head>

<body>
<div id="contentor" style="background-color:#0066CC; width:100%;" >
	<center><div id="conteudo" style="background-color:#003399; width:80%; height:100%;">
			<div>
            	Conteudo
            </div>
    </div></center>
</div>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Vanilson    2

Vanilson
Postado

Cara acontece está a acontecer a msma coisa, ele centraliza o texto.

 

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Div</title>
</head>

<body>
<div id="contentor" style="background-color:#0066CC; width:100%;" >
	<center><div id="conteudo" style="background-color:#003399; margin:0 auto; width:80%;">
			<div>
            	Conteudo
            </div>
    </div></center>
</div>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Vanilson    2

Vanilson
Postado

Obrigado Evandro, funcionou

 

Evandro so mais uma duvida, pq q tenho que usar o auto nesses casos???

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado 

margin: 0 auto;
é o mesmo que:

margin: 0 auto 0 auto;
que extendido, é:

margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;

ou seja, 'margens' laterais, automáticas.

Por isso 'centraliza', independente da resolução do monitor (largura da view port do browser)

 

leitura:

http://maujor.com/dicas/pg_centrada.php

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