Ir para conteúdo

POWERED BY:

Arquivado

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

rsubzero

[Resolvido] Centralizar elementos

Por , em Desenvolvimento frontend

Recommended Posts

rsubzero    0

rsubzero
Postado

Seguinte sou iniciante em css e html e estou tentando fazer este site http://www.thunderpropaganda.com.br/...

 

Fiz uma div para o logo, outra para a foto, outra para o flash, e outra para a barra de navegaçao abaixo.

 

porem não consigo posiciona-los corretamente...centralizei a barra de navegação: <center><div id="boxbar"> </div></center>, mas não consigo posicionar o resto.

 

agradeço ajuda, valeu.

Compartilhar este post

Link para o post
Compartilhar em outros sites

rsubzero    0

rsubzero
Postado

beleza eu usei:

#boxbar {
   width: 500px;
   margin: 0 auto;
}
para centralizar a barra...porem pra fazer o float dos outros box eu criei um boxgeral e coloquei os outros dentro...

beleza ta funcionou no IE, Chrome e até no Safari, mas no Firefox a barra de navegação não aparece !!

 

e agora?

 

aqui tá o html

<body>
<div id="boxgeral">
<div id="boxlogo"></div>
<div id="boxmenino"></div>
<div id="boxflash"><center>
  <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','465','height','165','src','thunder','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','thunder' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="465" height="165">
	<param name="movie" value="thunder.swf" />
	<param name="quality" value="high" />
	<embed src="thunder.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="465" height="165"></embed>
  </object>
</noscript></div>
<div id="boxbar"></div>
</div>>
</body>

 

e o css: 

body{background-color:#E0E0E0;}
#boxgeral{
	width:1000px;
	height:606px;
	left: 50%;
	margin-left: -500px;
	top: 0%;
	position: absolute;
	
	 
	 
}
#boxbar{
	background-image:url(imagens/bar.jpg);
	width:1000px;
	height:72px;
	 
	
	
	 
	 }
#boxmenino{
	background-image:url(imagens/MENINO.jpg);
	width:426px;
	height:534px;
	left: 800px;
	float: right;
	 
	 
	 }
	 
#boxlogo{
	background-image:url(imagens/logoT.jpg);
	width:574px;
	height:250px;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: center;
	float: left;
	 }
#boxflash{
	width:574px;
	height:284px;
	background-color: #FFFFFF;
	float: left;
	 }

resolvi botando um clear: left no rodapé (boxbar)...

 

mas comentem sobre o codigo se tiver algo errado...

 

valeu

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Esse <center>, está em desuso.

<div id="boxflash"><center>
Utilize CSS para isso.

 

O título do tópico foi editado:

problema http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Centralizar elementos

Para seguir as regras do fórum.

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