Ir para conteúdo

POWERED BY:

Arquivado

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

Daniel Lisboa

Dificuldade em Centralizar

Por , em Desenvolvimento frontend

Recommended Posts

Daniel Lisboa    0

Daniel Lisboa
Postado

Pessoal to com dificuldade pra centralizar minha pagina divia ter centralizado desde o começo agora não sei pq não consigo... vou postar o codigo quem puder me dar uma luz eu agradeço.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>	<head>		<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">		<title>Mercado Competitivo</title>		<link href="basicsstyles.css" type="text/css" rel="stylesheet" media="screen">		<link href="basicsprintstyles.css" type="text/css" rel="stylesheet" media="print">	    <link href="css_index.css" rel="stylesheet" type="text/css">	    <link href="css_banner.css" rel="stylesheet" type="text/css">        <link href="csslink.css" rel="stylesheet" type="text/css">	<body bgcolor="#001348"><?include("noticias/funcoes.php");$mysql = new artigos;$mysql->conectar()?>		    <div id="box0">          <? include ("includes/banner.php");?>    </div>		<div id="box1">	      <?php include ("includes/pesquisar.php");?></div>		<div id="box2"></div>		<div id="box3">		<img src="images/bot_marketing_03.jpg"><img src="images/bot_tecnologia_03.jpg"><img src="images/fashion_03.jpg"><img src="images/carreira_03.jpg"><img src=				 		"images/entrevistas_03.jpg"><img src="images/estudos_03.jpg"><img src="images/blogmc_03.jpg">	</div>		<div id="box4">	    <?php include("includes/login.php"); ?>    </div>		<div id="box5"></div>		<div id="check_box5"><input name="marketing" type="checkbox" value=""></div>		<div id="check1_box5"><input name="tecnologia" type="checkbox" value=""></div>		<div id="check2_box5"><input name="fashion" type="checkbox" value=""></div>		<div id="check3_box5"><input name="carreiras" type="checkbox" value=""></div>			  	<div id="itens_box5">		<?php include("includes/email.php");?> 	</div>	          	<div id="box7">	 7 ckground-color: #f6c3f6;	</div>		<div id="boxdestaque">	    <? include ("includes/destaque.php");?>    </div>		<div id="linha"> </div>	         	<div id="box9">				<img src="images/pri_marketing.jpg"><br>	            <div id="titulo_noticiaM"><?php     $resultat=mysql_query("SELECT id FROM pna_artigos");      if(mysql_num_rows($resultat)>0){$artnum = mysql_num_rows($resultat);$num=$nb_artigos;if($pagina=='') {$pagina=0;}echo '';if($pagina>0){echo '<a href="index.php?pagina='.($pagina-$num).'"><font size="1"><b>Anterior</b></font></a>  ';}$result=mysql_query("SELECT COUNT(id) FROM pna_artigos");$linhap=mysql_fetch_row($result);$i=1;  $query = mysql_query("SELECT * FROM pna_artigos ORDER BY id DESC LIMIT $pagina,$num");  while($artigo=mysql_fetch_array($query)) {    $titulo=$artigo["titulo"];    $artigo=$artigo["artigo"];	$tamanho=$artigo["tamanho"];    $visto=$artigo["visto"];    $art_id=$artigo["id"];    $data=$artigo["data"]; echo "<a href='#' class='link_titulo_noticia'>$titulo</a>";   }  }  else {   print("<font face=Verdana size=1>Nenhum artigo foi cadastrado!</font></td></tr>");  }  ?> </div>				<div id="conteudo_noticiaM"><?php     $resultat=mysql_query("SELECT id FROM pna_artigos");      if(mysql_num_rows($resultat)>0){$artnum = mysql_num_rows($resultat);$num=$nb_artigos;if($pagina=='') {$pagina=0;}echo '';if($pagina>0){echo '<a href="index.php?pagina='.($pagina-$num).'"><font size="1"><b>Anterior</b></font></a>  ';}$result=mysql_query("SELECT COUNT(id) FROM pna_artigos");$linhap=mysql_fetch_row($result);$i=1;  $query = mysql_query("SELECT * FROM pna_artigos ORDER BY id DESC LIMIT $pagina,$num");  while($artigo=mysql_fetch_array($query)) {    $titulo=$artigo["titulo"];    $artigo=$artigo["artigo"];	$tamanho=$artigo["tamanho"];    $visto=$artigo["visto"];    $art_id=$artigo["id"];    $data=$artigo["data"];  echo "<a href='#' class='link_conteudo_noticia'>$artigo</a>";     }  }  else {   print("<font face=Verdana size=1>Nenhum artigo foi cadastrado!</font></td></tr>");  }  ?></div>				<div id="foto_noticiaM"></div></div>	 	 <div id="votamarketing">	 			<img src="images/cadeado1_07.jpg"><img src="images/cadeado2_07.jpg"><img src="images/pontue_10.jpg">	 </div>	         	 <div id="box10"> 	 			<img src="images/pri_tecnologia.jpg"><br>	            <div id="titulo_noticiaT"><?php     $resultat=mysql_query("SELECT idte FROM pna_tecnologia");      if(mysql_num_rows($resultat)>0){$artnum = mysql_num_rows($resultat);$num=$nb_artigos;if($pagina=='') {$pagina=0;}echo '';if($pagina>0){echo '<a href="index.php?pagina='.($pagina-$num).'"><font size="1"><b>Anterior</b></font></a>  ';}$result=mysql_query("SELECT COUNT(idte) FROM pna_tecnologia");$linhap=mysql_fetch_row($result);$i=1;  $query = mysql_query("SELECT * FROM pna_tecnologia ORDER BY idte DESC LIMIT $pagina,$num")or die (mysql_error());  while($artigo=mysql_fetch_array($query)) {    $titulo=$artigo["titulote"];    $artigo=$artigo["artigote"];	$tamanho=$artigo["tamanhote"];    $visto=$artigo["vistote"];    $art_id=$artigo["idte"];    $data=$artigo["datate"]; echo "<a href='#' class='link_titulo_noticia'>$titulo</a>";   }  }  else {   print("<font face=Verdana size=1>Nenhum artigo foi cadastrado!</font></td></tr>");  }  ?></div>				<div id="conteudo_noticiaT"><?php     $resultat=mysql_query("SELECT idte FROM pna_tecnologia");      if(mysql_num_rows($resultat)>0){$artnum = mysql_num_rows($resultat);$num=$nb_artigos;if($pagina=='') {$pagina=0;}echo '';if($pagina>0){echo '<a href="index.php?pagina='.($pagina-$num).'"><font size="1"><b>Anterior</b></font></a>  ';}$result=mysql_query("SELECT COUNT(idte) FROM pna_tecnologia");$linhap=mysql_fetch_row($result);$i=1;  $query = mysql_query("SELECT * FROM pna_tecnologia ORDER BY idte DESC LIMIT $pagina,$num");  while($artigo=mysql_fetch_array($query)) {    $titulo=$artigo["titulote"];    $artigo=$artigo["artigote"];	$tamanho=$artigo["tamanhote"];    $visto=$artigo["vistote"];    $art_id=$artigo["idte"];    $data=$artigo["datate"]; echo "<a href='#' class='link_conteudo_noticia'>$artigo</a>";     }  }  else {   print("<font face=Verdana size=1>Nenhum artigo foi cadastrado!</font></td></tr>");  }  ?></div>				<div id="foto_noticiaT"></div></div>	         	  <div id="votatecnologia">	  			<img src="images/cadeado1_07.jpg"><img src="images/cadeado2_07.jpg"><img src="images/pontue_10.jpg">	  </div>	          	  <div id="box11"> <img src="images/pri_fashion.jpg"><br>	            <div id="titulo_noticiaF"><?php     $resultat=mysql_query("SELECT idfa FROM pna_fashion");      if(mysql_num_rows($resultat)>0){$artnum = mysql_num_rows($resultat);$num=$nb_artigos;if($pagina=='') {$pagina=0;}echo '';if($pagina>0){echo '<a href="index.php?pagina='.($pagina-$num).'"><font size="1"><b>Anterior</b></font></a>  ';}$result=mysql_query("SELECT COUNT(idfa) FROM pna_fashion");$linhap=mysql_fetch_row($result);$i=1;  $query = mysql_query("SELECT * FROM pna_fashion ORDER BY idfa DESC LIMIT $pagina,$num")or die (mysql_error());  while($artigo=mysql_fetch_array($query)) {    $titulo=$artigo["titulofa"];    $artigo=$artigo["artigofa"];	$tamanho=$artigo["tamanhofa"];    $visto=$artigo["vistofa"];    $art_id=$artigo["idfa"];    $data=$artigo["datafa"];	  echo "<a href='#' class='link_titulo_noticia'>$titulo</a>";    }  }  else {   print("<font face=Verdana size=1>Nenhum artigo foi cadastrado!</font></td></tr>");  }  ?></div>				<div id="conteudo_noticiaF"><?php     $resultat=mysql_query("SELECT idfa FROM pna_fashion");      if(mysql_num_rows($resultat)>0){$artnum = mysql_num_rows($resultat);$num=$nb_artigos;if($pagina=='') {$pagina=0;}echo '';if($pagina>0){echo '<a href="index.php?pagina='.($pagina-$num).'"><font size="1"><b>Anterior</b></font></a>  ';}$result=mysql_query("SELECT COUNT(idfa) FROM pna_fashion");$linhap=mysql_fetch_row($result);$i=1;  $query = mysql_query("SELECT * FROM pna_fashion ORDER BY idfa DESC LIMIT $pagina,$num");  while($artigo=mysql_fetch_array($query)) {    $titulo=$artigo["titulofa"];    $artigo=$artigo["artigofa"];	$tamanho=$artigo["tamanhofa"];    $visto=$artigo["vistofa"];    $art_id=$artigo["idfa"];    $data=$artigo["datafa"]; echo "<a href='#' class='link_conteudo_noticia'>$artigo</a>";     }  }  else {   print("<font face=Verdana size=1>Nenhum artigo foi cadastrado!</font></td></tr>");  }  ?></div>				<div id="foto_noticiaF"></div>      </div>	          	  <div id="votafashion">			  <img src="images/cadeado1_07.jpg"><img src="images/cadeado2_07.jpg"><img src="images/pontue_10.jpg">	  </div>	  	  	  <div id="espaco"></div>	  	  <div id="box12">	  		  <img src="images/pri_carreira.jpg">isso é um teste<br>	            <div id="titulo_noticiaC"><?php     $resultat=mysql_query("SELECT idc FROM pna_carreira");      if(mysql_num_rows($resultat)>0){$artnum = mysql_num_rows($resultat);$num=$nb_artigos;if($pagina=='') {$pagina=0;}echo '';if($pagina>0){echo '<a href="index.php?pagina='.($pagina-$num).'"><font size="1"><b>Anterior</b></font></a>  ';}$result=mysql_query("SELECT COUNT(idc) FROM pna_carreira");$linhap=mysql_fetch_row($result);$i=1;  $query = mysql_query("SELECT * FROM pna_carreira ORDER BY idc DESC LIMIT $pagina,$num")or die (mysql_error());  while($artigo=mysql_fetch_array($query)) {    $titulo=$artigo["tituloc"];    $artigo=$artigo["artigoc"];	$tamanho=$artigo["tamanhoc"];    $visto=$artigo["vistoc"];    $art_id=$artigo["idc"];    $data=$artigo["datac"];	  echo "<a href='#' class='link_titulo_noticia'>$titulo</a>";    }  }  else {   print("<font face=Verdana size=1>Nenhum artigo foi cadastrado!</font></td></tr>");  }  ?></div>				<div id="conteudo_noticiaC"><?php     $resultat=mysql_query("SELECT idc FROM pna_carreira");      if(mysql_num_rows($resultat)>0){$artnum = mysql_num_rows($resultat);$num=$nb_artigos;if($pagina=='') {$pagina=0;}echo '';if($pagina>0){echo '<a href="index.php?pagina='.($pagina-$num).'"><font size="1"><b>Anterior</b></font></a>  ';}$result=mysql_query("SELECT COUNT(idc) FROM pna_carreira");$linhap=mysql_fetch_row($result);$i=1;  $query = mysql_query("SELECT * FROM pna_carreira ORDER BY idc DESC LIMIT $pagina,$num");  while($artigo=mysql_fetch_array($query)) {    $titulo=$artigo["tituloc"];    $artigo=$artigo["artigoc"];	$tamanho=$artigo["tamanhoc"];    $visto=$artigo["vistoc"];    $art_id=$artigo["idc"];    $data=$artigo["datac"]; echo "<a href='#' class='link_conteudo_noticia'>$artigo</a>";      }  }  else {   print("<font face=Verdana size=1>Nenhum artigo foi cadastrado!</font></td></tr>");  }  ?></div>				<div id="foto_noticiaC"></div>      </div>	  	  <div id="votacarreira">	  			<img src="images/cadeado1_07.jpg"><img src="images/cadeado2_07.jpg"><img src="images/pontue_10.jpg">	  </div>	  	  <div id="box13">	  		  <img src="images/pri_entrevistas.jpg"><br>	            <div id="titulo_noticiaEN"><?php     $resultat=mysql_query("SELECT iden FROM pna_entrevistas");      if(mysql_num_rows($resultat)>0){$artnum = mysql_num_rows($resultat);$num=$nb_artigos;if($pagina=='') {$pagina=0;}echo '';if($pagina>0){echo '<a href="index.php?pagina='.($pagina-$num).'"><font size="1"><b>Anterior</b></font></a>  ';}$result=mysql_query("SELECT COUNT(iden) FROM pna_entrevistas");$linhap=mysql_fetch_row($result);$i=1;  $query = mysql_query("SELECT * FROM pna_entrevistas ORDER BY iden DESC LIMIT $pagina,$num")or die (mysql_error());  while($artigo=mysql_fetch_array($query)) {    $titulo=$artigo["tituloen"];    $artigo=$artigo["artigoen"];	$tamanho=$artigo["tamanhoen"];    $visto=$artigo["vistoen"];    $art_id=$artigo["iden"];    $data=$artigo["dataen"];	  echo "<a href='#' class='link_titulo_noticia'>$titulo</a>";   }  }  else {   print("<font face=Verdana size=1>Nenhum titulo foi cadastrado!</font></td></tr>");  }  ?></div>				<div id="conteudo_noticiaEN"><?php     $resultat=mysql_query("SELECT iden FROM pna_entrevistas");      if(mysql_num_rows($resultat)>0){$artnum = mysql_num_rows($resultat);$num=$nb_artigos;if($pagina=='') {$pagina=0;}echo '';if($pagina>0){echo '<a href="index.php?pagina='.($pagina-$num).'"><font size="1"><b>Anterior</b></font></a>  ';}$result=mysql_query("SELECT COUNT(iden) FROM pna_entrevistas");$linhap=mysql_fetch_row($result);$i=1;  $query = mysql_query("SELECT * FROM pna_entrevistas ORDER BY iden DESC LIMIT $pagina,$num");  while($artigo=mysql_fetch_array($query)) {    $titulo=$artigo["tituloen"];    $artigo=$artigo["artigoen"];	$tamanho=$artigo["tamanhoen"];    $visto=$artigo["vistoen"];    $art_id=$artigo["iden"];    $data=$artigo["dataen"]; echo "<a href='#' class='link_conteudo_noticia'>$artigo</a>";       }  }  else {   print("<font face=Verdana size=1>Nenhum artigo foi cadastrado!</font></td></tr>");  }  ?></div>				<div id="foto_noticiaEN"></div>      </div>	  	  <div id="votaentrevistas">	  			<img src="images/cadeado1_07.jpg"><img src="images/cadeado2_07.jpg"><img src="images/pontue_10.jpg">	  </div>	          	  <div id="box14"> 	  			<img src="images/pri_estudo.jpg"><br>				<div id="titulo_noticiaES"><?php     $resultat=mysql_query("SELECT ides FROM pna_estudos");      if(mysql_num_rows($resultat)>0){$artnum = mysql_num_rows($resultat);$num=$nb_artigos;if($pagina=='') {$pagina=0;}echo '';if($pagina>0){echo '<a href="index.php?pagina='.($pagina-$num).'"><font size="1"><b>Anterior</b></font></a>  ';}$result=mysql_query("SELECT COUNT(ides) FROM pna_estudos");$linhap=mysql_fetch_row($result);$i=1;  $query = mysql_query("SELECT * FROM pna_estudos ORDER BY ides DESC LIMIT $pagina,$num")or die (mysql_error());  while($artigo=mysql_fetch_array($query)) {    $titulo=$artigo["tituloes"];    $artigo=$artigo["artigoes"];	$tamanho=$artigo["tamanhoes"];    $visto=$artigo["vistoes"];    $art_id=$artigo["idees"];    $data=$artigo["dataes"];	 echo "<a href='#' class='link_titulo_noticia'>$titulo</a>";     }  }  else {   print("<font face=Verdana size=1>Nenhum titulo foi cadastrado!</font></td></tr>");  }  ?></div>				<div id="conteudo_noticiaES"><?php     $resultat=mysql_query("SELECT ides FROM pna_estudos");      if(mysql_num_rows($resultat)>0){$artnum = mysql_num_rows($resultat);$num=$nb_artigos;if($pagina=='') {$pagina=0;}echo '';if($pagina>0){echo '<a href="index.php?pagina='.($pagina-$num).'"><font size="1"><b>Anterior</b></font></a>  ';}$result=mysql_query("SELECT COUNT(ides) FROM pna_estudos");$linhap=mysql_fetch_row($result);$i=1;  $query = mysql_query("SELECT * FROM pna_estudos ORDER BY ides DESC LIMIT $pagina,$num");  while($artigo=mysql_fetch_array($query)) {    $titulo=$artigo["tituloes"];    $artigo=$artigo["artigoes"];	$tamanho=$artigo["tamanhoes"];    $visto=$artigo["vistoes"];    $art_id=$artigo["ides"];    $data=$artigo["dataes"]; echo "<a href='#' class='link_conteudo_noticia'>$artigo</a>";       }  }  else {   print("<font face=Verdana size=1>Nenhum artigo foi cadastrado!</font></td></tr>");  }  ?></div>				<div id="foto_noticiaES"></div>	  </div>	          	  <div id="votaestudo">	  			<img src="images/cadeado1_07.jpg"><img src="images/cadeado2_07.jpg"><img src="images/pontue_10.jpg">	  </div>	  	  <div id="tituloblog">	  	<img src="images/tanoblog_03.jpg">		  </div>	          	  <div id="box15">	  			  </div>	  	  <div id="rodape_blog">	  			<img src="images/vertodos.jpg">	  </div>	  	   <div id="titulo_artigo">	  	<img src="images/artigos.jpg">			  </div>	  	   <div id="artigo">	  				  </div>	  	  <div id="rodape_artigo">	  			<img src="images/vertodos.jpg">	  </div>			  	  <div id="box16"></div>	          	  <div id="box17"> 	  				  </div>	  	  <div id="titulodepoimento"></div>	  <div id="conteudodepoimento"></div>	  	  <div id="titulodepoimento2"></div>	  <div id="conteudodepoimento2"></div>	  	  <div id="titulodepoimento3"></div>	  <div id="conteudodepoimento3"></div>	  	  <div id="titulodepoimento4"></div>	  <div id="conteudodepoimento4"></div>        	  	  <div id="box18"></div>	   <div id="box18texto">    <a href="#" class="linkrodape">Sobre o Mercado Competitivo | </a>  <a href="#" class="linkrodape"> Regras de Utilização | </a>  <a href="#" class="linkrodape">Como postar um Clipping | </a>  <a href="#" class="linkrodape">Planos de acesso | </a>  <a href="#" class="linkrodape">Depoimentos | </a>  <a href="#" class="linkrodape">Política de Privacidade </a></div>			  	  <div id="campo_texto">	  			<img src="images/images/images/texto_rodape.jpg">	  </div>			  </div>	  <div id="linha2">	  	<img src="images/linha2.jpg">		  </div>	  	  <div id="linha3">	  	<img src="images/linha3.jpg">		  </div>	  	  <div id="linha3" style="top: 370px;left:476px">	  	<img src="images/linha3.jpg">		  </div>	 <div id="linha3" style="top: 700px;left:476px">	  	<img src="images/linha3.jpg">	 </div>	<div id="linha3" style="top:700px">	  	<img src="images/linha3.jpg">	</div></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

Centralizar na horizontal? Se for é bem tranquilo (pesquisar ajuda viu), olha só:

 

1 - No arquivo css crie um div que vai englobar todo o site.

#geral{	background-color: #fff;	margin: 0 auto;	width: 775px;}
É primordial definir um width para a div, senão ela ficará "líquida", ai não tem como centralizar.

Pronto, o margin vai deixar ele centralizado.

 

2 - No arquivo, dentro da tag body ficará assim:

<body>	<div id="geral"> <!-- geral -->			</div> <!-- /geral -->	</body>
Pronto, a página vai ficar centralizada.

 

[]'s http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

Daniel Lisboa, recomendo rever o seu código, pois o que eu passei está correto.

Criou a div para englobar todo o site? Definiu uma largura?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Hunter_    0

Hunter_
Postado

Acho que ficou faltando algo.Não ta centralizando em qual browser? pois o código que o gio postou te ajuda a centralizar no Firefox, no IE dentro da declaração do body do teu documento, você define text-align: center.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado 

no IE dentro da declaração do body do teu documento, você define text-align: center.
Nunca entendi isso, eu não ponho text-align e mesmo assim centraliza no IE6 e 7...

 

[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

Rodrigo Hensel, por gentileza, pesquise antes de responder.

O Doctype não deve ser retirado da página.

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