Ir para conteúdo

POWERED BY:

Arquivado

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

AndreyDN

Como Centralizar meu site?

Por , em Desenvolvimento frontend

Recommended Posts

AndreyDN    0

AndreyDN
Postado

queria centralizar meu site.. pra qualquer resolução.. como faço?

 

<html>
<head>
<title>Untitled Page</title>
<script type="text/javascript" src="js/jquery-1.3.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$('#myslides').cycle({
		fx:     'fade', 
 		  speed:   300, 
		   timeout: 3000, 
  next:   '#next2', 
   prev:   '#prev2' ,
   pause:   1 
		});
	}); 
</script>

</head>
<body>
<div id="Image1" style="margin:0;padding:0;position:absolute;left:0px;top:0px;width:1210px;height:485px;text-align:left;z-index:0;">
<img src="images/teste%20copy.jpg" id="Image1" alt="" border="0" style="width:1210px;height:485px;"></div>
<div id="myslides" style="margin:0;padding:0;position:absolute;left:96px;top:60px;width:1018px;height:280px;text-align:left;z-index:1;">
<img src="images/teste_03.png" />
	<img src="images/teste_013.png" />
	<img src="images/teste_023.png" /></div>
<div id="Image2" style="margin:0;padding:0;position:absolute;left:96px;top:57px;width:57px;height:284px;text-align:left;z-index:2;">
<div class="nav"><a id="prev2" href="#"><img src="images/teste_27.png" id="Image2" alt="" border="0" style="width:57px;height:284px;"></a></div></div>
<div id="Image3" style="margin:0;padding:0;position:absolute;left:1046px;top:59px;width:69px;height:282px;text-align:left;z-index:3;">
<div class="nav"><a id="next2" href="#"><img src="images/teste_30.png" id="Image3" alt="" border="0" style="width:69px;height:282px;"></a></div></div>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

angelorubin    142

angelorubin
Postado

Bom dia,

 

Coloque uma div que englobe todo o conteúdo dentro do body e declare uma regra de estilo assim para ela:

 

#boxGlobal {
 width:99%;
 height:auto;
 min-height: 500px;
 margin: 0 auto;
 overflow: hidden;
}

 

Ajuste as medidas conforme sua necessidade, creio que isto resolva seu problema.

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