Centralizar Página

Anderson Coutinho · Dezembro 14, 2011

Olá , como eu faço para centralizar meu site, ele ta desproporcinal lateralmente :natalsad:

Não sei nada de HTML (por enquando) então se puderem , me digem onde eu tenho que colocar o código , ou onde é a configuração etc . . .

http://i1006.photobucket.com/albums/af187/andersonrcc110/largura.jpg

JonyW4 · Dezembro 14, 2011

Voce está fazendo sua pagina como ?

Com DIV'S, TABELAS ?

Envie mais informações para podermos analisar, de preferencia coloque aqui o código de sua pagina

Giovani · Dezembro 14, 2011

Existem vários tópicos no fórum sobre isso, pesquise :natalbiggrin:

Ted k' · Dezembro 14, 2011

Como o Giovani citou ai, pesquisa principalmente na área de HTML/CSS mas você não entende nada de HTML, ai complica e muito o código seria esse!

#div_central {margin: 0 auto; width: 990px;}

Onde aplicar e como, prefiro que siga a dica do Giovani!

Anderson Coutinho · Dezembro 16, 2011

Voce está fazendo sua pagina como ?

Com DIV'S, TABELAS ?

Envie mais informações para podermos analisar, de preferencia coloque aqui o código de sua pagina

Atualmente estou trabalhando somente na parte de design , estou usando só DIV'S , mais para frente vou aprender HTML :D

<!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=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
body {
background-color: #FFF;
background-image: url(../Imagens/Fundo.png);
background-repeat: repeat;
}
body,td,th {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFF;
text-align: center;
}
#Lire {
position:absolute;
left:570px;
top:-67px;
width:293px;
height:293px;
z-index:3;
}
#GuildaTopo {
position:absolute;
left:474px;
top:93px;
width:133px;
height:41px;
z-index:2;
}
#PowerBomb {
position:absolute;
left:92px;
top:132px;
width:231px;
height:101px;
z-index:2;
}
#fundoverde {
position:absolute;
left:12px;
top:94px;
width:1161px;
height:215px;
z-index:1;
visibility: visible;
}
#apDiv5 {
position:absolute;
left:126px;
top:63px;
width:247px;
height:192px;
z-index:3;
}
#apDiv6 {
position:absolute;
left:356px;
top:65px;
width:582px;
height:228px;
z-index:2;
}
#AnimacaoListra {
position:absolute;
left:10px;
top:92px;
width:1170px;
height:223px;
z-index:1;
}
#Estrelas {
position:absolute;
left:453px;
top:86px;
width:163px;
height:56px;
z-index:3;
}
#Body {
position:absolute;
left:13px;
top:390px;
width:1017px;
height:712px;
z-index:4;
}
#menubar {
position:absolute;
left:72px;
top:391px;
width:209px;
height:380px;
z-index:5;
}
</style>
</head>

<body>
<div id="Lire"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="512" height="512" id="lirepisc" align="middle">
			<param name="movie" value="lirepisc.swf" />
			<param name="quality" value="best" />
			<param name="bgcolor" value="#ffffff" />
			<param name="play" value="true" />
			<param name="loop" value="true" />
			<param name="wmode" value="transparent" />
			<param name="scale" value="showall" />
			<param name="menu" value="true" />
			<param name="devicefont" value="false" />
			<param name="salign" value="" />
			<param name="allowScriptAccess" value="sameDomain" />
			<!--[if !IE]>-->
			<object type="application/x-shockwave-flash" data="Flash/LirePisca/lirepisc.swf" width="512" height="512">
				<param name="movie" value="Flash/LirePisca/lirepisc.swf" />
				<param name="quality" value="best" />
				<param name="bgcolor" value="#ffffff" />
				<param name="play" value="true" />
				<param name="loop" value="true" />
				<param name="wmode" value="transparent" />
				<param name="scale" value="showall" />
				<param name="menu" value="true" />
				<param name="devicefont" value="false" />
				<param name="salign" value="" />
				<param name="allowScriptAccess" value="sameDomain" />
			<!--<![endif]-->
				<a href="http://www.adobe.com/go/getflash">
					<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
				</a>
			<!--[if !IE]>-->
			</object>
			<!--<![endif]-->
</object></div>
<div id="PowerBomb"><img src="Logotipo.png" width="364" height="158" alt="" /></div>
<div id="AnimacaoListra"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="1115" height="220" id="Listras" align="middle">
			<param name="movie" value="Listras.swf" />
			<param name="quality" value="high" />
			<param name="bgcolor" value="#ffffff" />
			<param name="play" value="true" />
			<param name="loop" value="true" />
			<param name="wmode" value="transparent" />
			<param name="scale" value="showall" />
			<param name="menu" value="true" />
			<param name="devicefont" value="false" />
			<param name="salign" value="" />
			<param name="allowScriptAccess" value="sameDomain" />
			<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="Flash/Brilho/Listras.swf" width="1115" height="220">
				<param name="movie" value="Flash/Brilho/Listras.swf" />
				<param name="quality" value="high" />
				<param name="bgcolor" value="#ffffff" />
				<param name="play" value="true" />
				<param name="loop" value="true" />
				<param name="wmode" value="transparent" />
				<param name="scale" value="showall" />
				<param name="menu" value="true" />
				<param name="devicefont" value="false" />
				<param name="salign" value="" />
				<param name="allowScriptAccess" value="sameDomain" />
			<!--<![endif]-->
				<a href="http://www.adobe.com/go/getflash">
					<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
				</a>
			<!--[if !IE]>-->
</object>
			<!--<![endif]-->
</object></div>
<div id="Body"><img src="Imagens/Corpo.png" width="1158" height="712" alt="" /></div>
<div id="menubar">
 <div align="center">
   <p> </p>
   <p align="left"><img src="Imagens/homenormal.png" width="162" height="82" onmouseover="this.src='Imagens/homeglow.png';" onmouseout="this.src='Imagens/homenormal.png';" /></p>
   <p align="left"><img src="Imagens/inscricao.png" width="188" height="65" onmouseover="this.src='Imagens/inscricaoglow.png';" onmouseout="this.src='Imagens/inscricao.png';" /></p>
   <p align="left"><img src="Imagens/regras.png" width="162" height="82" onmouseover="this.src='Imagens/regrasglow.png';" onmouseout="this.src='Imagens/regras.png';" /></p>
   <p align="left"><img src="Imagens/contato.png" width="187" height="64" onmouseover="this.src='Imagens/contatoglow.png';" onmouseout="this.src='Imagens/contato.png';" /></p>
   <p align="left"><img src="Imagens/membros.png" width="187" height="47" onmouseover="this.src='Imagens/membrosglow.png';" onmouseout="this.src='Imagens/membros.png';" /></p>
   <p> </p>
 </div>
</div>
</body>
</html>

jacare87 · Janeiro 4, 2012

Centralize para todas resoluçoes tbm , com esse codigo que irei passar.

<html>
<head>
<style type="text/css">
#mae {
width:993px;   <!-- Altere se quiser -->
height:700px; <!-- Altere se quiser -->
position:relative;
}
</style>
</head>
<body>
<div id="mae"

<h1> todo o conteudo do site vai dentro da div mãe.</h1>  <!-- Lembrando que a mãe vai ser a div ou seja , se você usar um top ou left ,ele vai seguir na regra da div mae. ex : c você cria um div com o top:50px , o top vai ser da div mae e nao da pagina  -->

</div>

Lembrando que a mãe vai ser a div ou seja , se você usar um top ou left ,ele vai seguir na regra da div mae.

Entrar

Arquivado

Centralizar Página

Recommended Posts

Anderson Coutinho 7

Compartilhar este post

Link para o post

Compartilhar em outros sites

JonyW4 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Giovani 104

Compartilhar este post

Link para o post

Compartilhar em outros sites

Ted k' 126

Compartilhar este post

Link para o post

Compartilhar em outros sites

Anderson Coutinho 7

Compartilhar este post

Link para o post

Compartilhar em outros sites

jacare87 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fixar div até atingir uma certa altura

Ajuda com Extends e envio para o banco

PHP+Codeginiter - Orientação para Impressão

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante