Ir para conteúdo

POWERED BY:

Arquivado

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

Venturi

Centralizando div

Por , em Desenvolvimento frontend

Recommended Posts

ZEROZ    0

ZEROZ
Postado

Vou testar as soluções apresentadas, sempre lembrando que a centralização da DIV deve se manter quando a pagina é redimencionadaaté + o/

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo de Tarso F. M.    24

Paulo de Tarso F. M.
Postado

Mas Poe... O código q deixei lá em cima centraliza a página na horizontal e na vertical... Por isso q ele é feito dakela forma e tals... Essa de se usar o margin: auto, isso eu já sei, mas o estranho é q nas suas configurações, o resultado não é satisfatório... Depois vou colocar na msm resolução q a sua e testar...

Compartilhar este post

Link para o post
Compartilhar em outros sites

gustavosl    0

gustavosl
Postado

Essa de utilizar text-align para centralizar só funcionou no IE, pois no FireFox, ficou tudo para a esquerda;

 

..... http://forum.imasters.com.br/public/style_emoticons/default/ermm.gif

 

 

Vamos lá:

 

<!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=iso-8859-1" />
<title>Titulo do site</title>
<link href="css/default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="contenedor">

{SEU SITE ENTRA AQUI}

</div>
</body>
</html>

 

O arquivo default.css deverá conter obrigatoriamente:

 

* { 	padding: 0; /* esse seletor define que todos os elementos terão padding e margin igual a 0 */	margin: 0;}body {	text-align: center;	font-family: Arial, Helvetica, sans-serif; /* Aqui você define a fonte do seu site */}#contenedor {	width: 785px; /* Aqui vai ser o tamanho horizontal do seu site */	text-align: left;	margin: 0 auto;}

Acho que com isso vocês já resolvem a centralização! :D

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

Existem modos de fazer isso somente pelo CSS...

 

[]'s

Como nosso amigo #INSIDE# falou, somente com CSS você faz isso e q funciona em qq browser sem problema nenhum!!! Vai aí o código...

#div_centralizada {	position: absolute;	top: 50%;	left: 50%;	height: 200px;	width: 300px;	margin-top: -100px;	margin-left: -150px;}
Se isso for de interesse a alguém...

 

bem fiz o seguinte teste

[*]IE e MAXTON funcionou meio mal não centralizou correto

[*]FF, Opera, SAFARI e NETSCAP o texto do DIV foi parar em ponto negativo e por causa disso ele sumiu da tela

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