Centralizar A Página
Started By Marciofbb, 23/02/2005, 10:33
4 replies to this topic
#1
Posted 23/02/2005, 10:33
E ai galera, mais uma bronca para se resolver...
Criei uma página onde o conteudo é exatamente 800X600, mas eu queria centralizar-lo tanto verticalmente como horizontalmente, que eh pra quando um usuário estiver visualizando em 1024X768, a página não cresce, mas sim fica totalmente centralizada....
Alguém sabe como fazer ??????
Criei uma página onde o conteudo é exatamente 800X600, mas eu queria centralizar-lo tanto verticalmente como horizontalmente, que eh pra quando um usuário estiver visualizando em 1024X768, a página não cresce, mas sim fica totalmente centralizada....
Alguém sabe como fazer ??????
Marcio Mota
"As coisas deveriam ser simples e não simpificadas"
Albert Einstein
"As coisas deveriam ser simples e não simpificadas"
Albert Einstein
#2
Posted 23/02/2005, 10:38
http://www.tableless.../divcentrotela/
conteudo com exatamente 800x600 não é muito grande não? a resolucão é essa .. mais o conteudo de uma pagina vista em um navegador.. o tamanho muda...
conteudo com exatamente 800x600 não é muito grande não? a resolucão é essa .. mais o conteudo de uma pagina vista em um navegador.. o tamanho muda...
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador
#3
Posted 23/02/2005, 12:03
Aew,
Faz o seguinte na pagina index:
<title>Titulo da pagina</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
iframe {
border: 1px solid #FFFFFF; // Coloque o tamanho da borda e a cor
}
-->
</style>
<meta name="Microsoft Theme" content="auto 011, default">
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" scroll="no">
<center>
<table width="100%" height="100%" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="middle">
<iframe frameborder="0" height="420" width="792" marginheight="0" marginwidth="0" scrolling="no" src="index2.htm"></iframe></td>
</tr>
</table>
</center>
</body>
</html>
// Aonde esta index2.html, é a sua pagina que vai no centro, mas isso serve para a pagina que tem exatamente o tamanho 800x600, caso for maior, mude o 'height'.
Espero que ajudei
Flw ae
Faz o seguinte na pagina index:
<title>Titulo da pagina</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
iframe {
border: 1px solid #FFFFFF; // Coloque o tamanho da borda e a cor
}
-->
</style>
<meta name="Microsoft Theme" content="auto 011, default">
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" scroll="no">
<center>
<table width="100%" height="100%" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="middle">
<iframe frameborder="0" height="420" width="792" marginheight="0" marginwidth="0" scrolling="no" src="index2.htm"></iframe></td>
</tr>
</table>
</center>
</body>
</html>
// Aonde esta index2.html, é a sua pagina que vai no centro, mas isso serve para a pagina que tem exatamente o tamanho 800x600, caso for maior, mude o 'height'.
Espero que ajudei
Flw ae
#4
Posted 23/02/2005, 14:39
Cara, pode até ser que dê certo esse esquema com Iframe, mas o problema é que eue quero fazer a página Tableless....
Ei, isso que vc me indicou naum dah pra fazer
mas valeu pela dica...
Ei, isso que vc me indicou naum dah pra fazer
mas valeu pela dica...
Marcio Mota
"As coisas deveriam ser simples e não simpificadas"
Albert Einstein
"As coisas deveriam ser simples e não simpificadas"
Albert Einstein
#5
Posted 24/02/2005, 11:39
Ai cara faz isso aki!
crie um div, e nomei para central (ou qualquer um que vc quiser) e coloque todo conteudo la dentro (tudo menu, texto, logo, tudo!)
e no css coloque esse codigo:
#central{
width: 700px;
height: 500px;
margin: 10px;
padding: 0px;
position:absolute;
left: 50%;
margin-left: -350px;
}
Lembrando q margin-left é sempre a metade do width da sua pagina.
Valew!!!!
crie um div, e nomei para central (ou qualquer um que vc quiser) e coloque todo conteudo la dentro (tudo menu, texto, logo, tudo!)
e no css coloque esse codigo:
#central{
width: 700px;
height: 500px;
margin: 10px;
padding: 0px;
position:absolute;
left: 50%;
margin-left: -350px;
}
Lembrando q margin-left é sempre a metade do width da sua pagina.
Valew!!!!
A morte é só um passo para a imortalidade!!!
Ninguem é melhor do que eu. E eu naum sou melhor do q ninguem!!!
alex_rlduart@yahoo.com.br
Ninguem é melhor do que eu. E eu naum sou melhor do q ninguem!!!
alex_rlduart@yahoo.com.br
Caso meu futuro chegue despercebido, não se preocupe, virei te dar um último beijo, visitarei seus sonhos todas as noites, serei um anjo e um demonio, serei a morte e a vida, serei eu e serei você. Você nunca se esquecerá de mim, porque eu não deixarei.
Meus inimigos terão uma morte perversa, se vc tem amor a vida, seja meu amigo, terei piedade até no momento de minha Ira.
1 user(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)