Ir para conteúdo

POWERED BY:

Arquivado

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

googleguy

como substituir a tag center?

Recommended Posts

Gente, eu tenho uma div no meu site que contem uma imagem e vários labels, eu uso uma tag center englobando todo esse conteúdo pra ficar centralizado dentro da div, como eu poderia substituir a tag center usando css? já tentei usando margin:0 auto; mas não deu certo ;--;

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá! Tente assim:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 
Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Posicionar um objeto na tela</title>
<style type="text/css">
#imgpos {
width:170px;
height:100px;
background:#ccc;
position:absolute;
text-align:center;
left:50%;
top:50%;
;
margin-top:-40px;
}
</style>
</head>
<body>
<div id="imgpos"><p>Teste</p></div>
</body>
</html> 

Se por acaso não der certo, tente colocar um <div align="center">CONTEUDO</div>, ou ver os tutoriais abaixo:

http://blogaododesign.blogspot.com.br/2011/03/como-centralizar-uma-div-com-css.html

http://www.maujor.com/tutorial/meio_tela.php

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

 

Espero ter Ajudado ;)

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá! Tente assim:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 
Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Posicionar um objeto na tela</title>
<style type="text/css">
#imgpos {
width:170px;
height:100px;
background:#ccc;
position:absolute;
text-align:center;
left:50%;
top:50%;
;
margin-top:-40px;
}
</style>
</head>
<body>
<div id="imgpos"><p>Teste</p></div>
</body>
</html> 

Se por acaso não der certo, tente colocar um <div align="center">CONTEUDO</div>, ou ver os tutoriais abaixo:

http://blogaododesign.blogspot.com.br/2011/03/como-centralizar-uma-div-com-css.html

http://www.maujor.com/tutorial/meio_tela.php

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

 

Espero ter Ajudado ;)

 

O left:50% e o top:50% nao funciona maioria das vezes, por as vezes o elemento ter por exemplo 500px, se voce dar um left:50% nesse elemento ele vai ficar descentralizado pois juntando o 50% e o 500px ficará forá do meio '-'. Nao sei se deu pra entender '-'

Compartilhar este post


Link para o post
Compartilhar em outros sites

Se voce tiver uma div tamanho x cria outra dentro dela e coloca

na div de cima da um position: relative;

 

width: 100%;

text-align:center;

 

ou

float:left;

margin: 0 auto;

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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