Ir para conteúdo

POWERED BY:

Arquivado

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

visual_online

Centralizar Pagina No Meio Da Tela

Por , em Desenvolvimento frontend

Recommended Posts

visual_online    0

visual_online
Postado

Olá gente, estou com um problema, pois tenho uma pagina com tabelas e algumas layers e consegui um codigo que centraliza a pagina no meio da tela, mas so que as layers não atendem ao codigo CSS, somente o html. O que posso fazer pra resolver isso?Aqui, o codigo CSS:<style type="text/css">body {margin:0;padding:0;background:#cccccc;text-align:center; /* hack para o IE */ }#tudo {width: 790px;margin:0 auto; padding: 10px;text-align:left; /* "remédio" para o hack do IE */ }#conteudo {padding: 5px;background-color: #eeeeee;}</style>Aqui engloba tudo, dentro do body:<body ...<div id="tudo"><div id="conteudo"></body...</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

Não entendi direito sua dúvida, pelo seu código deveria centralizar normalmente

Compartilhar este post

Link para o post
Compartilhar em outros sites

Poe    0

Poe
Postado

Se você mostrar o contexto do código também ajuda. Manda uma URL aí... Até!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Alexandre Rangel    1

Alexandre Rangel
Postado 

<style type="text/css">body {margin:0;padding:0;background:#cccccc;text-align:center; /* hack para o IE */}#tudo {width: 790px;margin:0 auto;padding: 10px;text-align:left; /* "remédio" para o hack do IE */}#conteudo {margin:0 auto 0 auto;padding: 5px;background-color: #eeeeee;}</style>

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

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

bom,eu sempre uso na pagina <center> e </center> e sempre fica alinhada no centro quando te em resolução alta

Center?!?!?!?!?!?!?Jamais use tags de formatação, formatação é NO CSS![]'s http://forum.imasters.com.br/public/style_emoticons/default/natal_noel.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

void    1

void
Postado

simples!!!!

 

<!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>Untitled Document</title><style media="screen" type="text/css">#content{	background-color:#FFCC00;	width:200px;	height:200px;	position:absolute;	left:50%;	top:50%;	margin-top:-100px;	margin-left:-100px;}</style></head><body><div id="content"></div></body></html>

the void

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