Ir para conteúdo

POWERED BY:

Arquivado

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

McrOnline

Centralizar pagina

Por , em Desenvolvimento frontend

Recommended Posts

McrOnline    0

McrOnline
Postado

Bom dia, pessoal

 

Essa semana tenho estudado que nem um louco para desenvolver seguindo os padrões w3c. Estou começando com o tableless agora, e me deparei com um problema. Fiz algo simples, que esta funcionando no IE, mas no firefox não. É um codigo super simples, apenas tentando deixa uma DIV centralizada com witdh:778px e height:100%. No firefox nao esta acontecendo nada, ela fica no canto superior esquerdo e não se ajusta para 100% na altura.

O meu codigo é esse abaixo:

 

<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Layout 01</title><style>body{	text-align:center;	background:#FFF;	font-family:verdana,arial,helvetica,sans-serif;	font-size:80%;	margin:0px;	padding:0px;	height:100%;	width:100%;}#principal{	width:778px;	height:100%;	border:1px solid black;	text-align:center;}</style></head><body><div id="principal"> </div></body></html>

algume poderia me explicar pq o firefox ta de frescura? rs

 

abraços e obrigado

Compartilhar este post

Link para o post
Compartilhar em outros sites

Hunter_    0

Hunter_
Postado

Opa cara, Conte conosco para seguir nessa busca de conhecimento sobre padrões web.Seguinte, de cara vi que você mandou centrarlizar o texto no body, funciona no IE, mas não no FF para centralizar as <div> ok? para isso no container principal declare a margemmargin: 0 auto;[]'s Hunter_

Compartilhar este post

Link para o post
Compartilhar em outros sites

McrOnline    0

McrOnline
Postado

para a centralização da pagina funcionou perfeito, Hunter. Obrigadoainda nao deu para a altura ficar em 100%mas queria entender:margin: 0 auto;Foi definido margin top e bottom para 0px, e left e right para auto, certo? O que faz esse valor "auto"?

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