Jump to content

  2. →
  3. →
  4. →
  5. →

Photo

Como Centralizar Um Site Em Qualquer Resolução

Started By Daniel44, 12/02/2010, 09:05

  • Faça o login para participar
11 replies to this topic

#1 Daniel44

Daniel44

    Novato no fórum

  • Usuários
  • 13 posts
  • Sexo:Masculino
  • Localidade:São Gonçalo - Rio de Janeiro

Posted 12/02/2010, 09:05

MInha dulviade é o seguite.
To procurando como centralizar um site em qualquer resolução.
venho vendo alguns tutoriais dizendo mais ou menos como tem q fazer,
mais acho q nao esta bem esplicado. Ja tenteni de algumas formas mais nao esta dando certo.

Sei q o site tem q estar dentro de uma DIV principal e tal.
Mais na hora de colocar esses codigos no HTML do site esta dando zica e nao funciona.

Sera q alguem pode me dar uma luz de como colocar certinho no HTML.
Sera uma grande ajuda pois estou tendo q entregar um site mais nao to conseguindo colocar ele centralizado.

Obrigado.
Daniel 44 Goaboy
Web Designer.
www.danielgoaboy.com.br

#2 gaguinho

gaguinho

    Yankes, go Rome!

  • Usuários
  • 1496 posts
  • Sexo:Masculino
  • Localidade:Longe demais

Posted 12/02/2010, 09:30

O fato de centralizar independe da resolução do monitor. Basta colocar o body dentro da tag "center". Isso no modo mais simples.
Agora só vendo seu codigo para localizar o erro.
Sem senha não vou a LOGAR algum (Gaguinho)

Estratégia e Dominação

#3 Daniel44

Daniel44

    Novato no fórum

  • Usuários
  • 13 posts
  • Sexo:Masculino
  • Localidade:São Gonçalo - Rio de Janeiro

Posted 12/02/2010, 09:59

Olá Gaguinho,

Na verdade quero centralizar o site com CSS no modo q fike bom em qualquer browser.

Meu site e esse Clique aqui

Queira colocar centralizado como esse aki Clique aqui
esse ele fika certo em qualquer tamanho de monitor.

Agora fikou mais explicado a minha dulvida?

obrigado pela ajuda.
Daniel 44 Goaboy
Web Designer.
www.danielgoaboy.com.br

#4 gaguinho

gaguinho

    Yankes, go Rome!

  • Usuários
  • 1496 posts
  • Sexo:Masculino
  • Localidade:Longe demais

Posted 12/02/2010, 10:14

Ah, então vc perguntou errado. Seu site está centralizado. O que vc quer é que ele ocupe toda a resolução do monitor. São coisas diferentes.
A melhor opção é usar layout liquido (e a partir de 1024x768). No lugar do tamanho da pag em pix, use 100% , isso na largura. na altura tem que ver a proporção melhor para não distorcer o flash.
Sem senha não vou a LOGAR algum (Gaguinho)

Estratégia e Dominação

#5 Daniel44

Daniel44

    Novato no fórum

  • Usuários
  • 13 posts
  • Sexo:Masculino
  • Localidade:São Gonçalo - Rio de Janeiro

Posted 12/02/2010, 10:18

Sim é isso msm q eu quero fazer.
Vc pode me explicar um passo-a-passo. pois ja to quase torrando os neuronios aki e nao consigo fazer.

Grato pela ajuda.
Daniel 44 Goaboy
Web Designer.
www.danielgoaboy.com.br

#6 gaguinho

gaguinho

    Yankes, go Rome!

  • Usuários
  • 1496 posts
  • Sexo:Masculino
  • Localidade:Longe demais

Posted 12/02/2010, 18:07

Bem, como seu site é em flash, não sei ao certo como ficaria a qualidade das imagens numa tela que pode chegar a 1600 ou 1900 pix de largura. Só testando mesmo.

Mas, basicamente, vc deve remover os widht=xxxpix trocando por 100% ou quanto queira. Ou seja:
<table width="789" border="0" align="center" cellpadding="0" cellspacing="0">
passa a ser:
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">

E o mesmo no CSS e demais tabelas.
Sem senha não vou a LOGAR algum (Gaguinho)

Estratégia e Dominação

#7 Daniel44

Daniel44

    Novato no fórum

  • Usuários
  • 13 posts
  • Sexo:Masculino
  • Localidade:São Gonçalo - Rio de Janeiro

Posted 12/02/2010, 23:32

Fala ai Gaguinho.

Olha so colokei todos os widht=xxxpix para widht=100% so q no meu monitor fikou certinho mais no monitor do meu primo nao fikou nao.

sera q tem alguma coisa errada no meu codigo?

de uma olhada ai e ve se pode me ajudar

<html>
<head>
<style type="text/css">
body {
scrollbar-arrow-color:#000000;
scrollbar-3dlight-color:#d9d9d9;
scrollbar-highlight-color:#ffffff;
scrollbar-face-color:#000000;
scrollbar-shadow-color:#d9d9d9;
scrollbar-darkshadow-color:#000000;
scrollbar-track-color:#d9d9d9;
}
</style>
</head>
<body>
<LINK REL="SHORTCUT ICON" href="favicon.ico">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Daniel Goaboy</title>
<style type="text/css">
<!--
body {
	background-color: #000;
}
#apDiv1 {
	position:absolute;
	left:9px;
	top:16px;
	width:100%;
	height:138px;
	z-index:1;
	text-align:center; /* hack para o IE */  

}
#apDiv2 {
	position:absolute;
	left:10px;
	top:215px;
	width:100%;
	height:192px;
	z-index:2;
}
-->
</style></head>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#000000">
  <!--DWLayoutTable-->
  <tr> 
    <td width="100%" height="225" valign="top"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="100%" height="551">
        <param name="movie" value="home.swf" />
        <param name="quality" value="high" /><param name="BGCOLOR" value="#000000">
        <embed src="home.swf" width="100%" height="551" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" bgcolor="#000000"></embed></object></td>
  </tr>
</table>
</body>
</html>


essa pagina esta no ar ela ta assim
Clique aqui


obrigado.
Daniel 44 Goaboy
Web Designer.
www.danielgoaboy.com.br

#8 gaguinho

gaguinho

    Yankes, go Rome!

  • Usuários
  • 1496 posts
  • Sexo:Masculino
  • Localidade:Longe demais

Posted 13/02/2010, 00:43

Aqui, monitor de 1440px, tomou a tela toda. Aparentemente tá normal.
Mas, uma dica, pra outros sites, evite usar muito as tabelas. Ainda mais quando existem poucos elementos na pag, seu exemplo. Use Span pra ordenar e div pra alinhar. O CSS vc também dividiu em 2 partes. Não entendi o motivo. Na verdade seu codigo não me agrada, poderia ter sido feito de forma mais simples e ordenada. Meu conselho é que vc dê uma passada na seção de Xhtml, css do fórum pra tirar dúvidas desse tipo:
http://forum.wmonlin...e-metodologias/
Tem MUITA coisa que pode lhe ser útil ;)
Sem senha não vou a LOGAR algum (Gaguinho)

Estratégia e Dominação

#9 Daniel44

Daniel44

    Novato no fórum

  • Usuários
  • 13 posts
  • Sexo:Masculino
  • Localidade:São Gonçalo - Rio de Janeiro

Posted 13/02/2010, 10:37

Gaguinho,

Muito obrigado msm pela ajuda. vou verificar em outros monitores de conhecidos meus para ver se esta tudo ok.
E obrigado pela dica q vc me deu. vou procurar me informar mais sobre o q vc falou.

Outra dulvida q eu tenho e de colocar akela parada de pagina carregando no site.
E so abrir a pagina quando ela tiver toda carregada.

Vc sabe como fazer isso por algum code no dream ?

obrigado...
Daniel 44 Goaboy
Web Designer.
www.danielgoaboy.com.br

#10 gaguinho

gaguinho

    Yankes, go Rome!

  • Usuários
  • 1496 posts
  • Sexo:Masculino
  • Localidade:Longe demais

Posted 13/02/2010, 14:17

Aquilo é um loading em flash. Alguns programas geram isso na hora da criação do arquivo SWF. Ou você pode personalizar esse loading. Mas flash não é meu forte. Recomendo que olhe alguns topicos aqui:
http://forum.wmonlin...orum/515-flash/
http://forum.wmonlin...4-actionscript/
Sem senha não vou a LOGAR algum (Gaguinho)

Estratégia e Dominação

#11 Daniel44

Daniel44

    Novato no fórum

  • Usuários
  • 13 posts
  • Sexo:Masculino
  • Localidade:São Gonçalo - Rio de Janeiro

Posted 13/02/2010, 14:43

Mas eu vi alguns sites q gera o akivo em GIF.
se for pelo GIF nao da pra fazer com algum code no dream nao?

Vlw....
Daniel 44 Goaboy
Web Designer.
www.danielgoaboy.com.br

#12 Julio Flavio

Julio Flavio

    Novato no fórum

  • Usuários
  • 7 posts
  • Sexo:Masculino
  • Localidade:Brasil

Posted 18/02/2010, 21:00

Lê esse tutorial para centralizar a sua página, Ele tbm ajuda a centralizar pelo IE!

http://www.maujor.co...pg_centrada.php
World Of Games Apps
Voltar para Dreamweaver


1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

  1. Fórum WMO
  2. → Desenvolvimento
  3. → HTML, CSS e Metodologias
  4. → Editores HTML
  5. → Dreamweaver
  6. Privacy Policy
  7. Regras ·
IPB Skin By Virteq