Ir para conteúdo

Arquivado

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

Rodrigo Resende

[Resolvido] Problema com alinhamento

Recommended Posts

Estou desenvolvendo meu primeiro site em tableless e estou com um problema no rodape..

No firefox ele fica alinhado apenas à esquerda e eu quero ele no centro..Agora no Explorer ele fica no centro..

Vou passsar o codigo do site:

Página:

<link href="estilo.css" rel="stylesheet" type="text/css">

</head>
<body>
<div id="wrap">
   <div id="topo">
   </div>
	   <div id="menu">
	   m</div>
		  
			  <div id="big-col-left">
				 <div id="feature">
				 </div>
					<div id="little-col-left">
					   <div id="col-left">
					   </div>
					   
						  <div id="col-right">
						  </div>					
					</div>
			  
			  </div>
				 <div id="col-middle">
				 </div>
				 
				
				
				
		<div id="divclear"></div>	  
</div>

<div align="center" id="rodape">
</div>
</div>


</body>
</html>

 

 

Estilo css:

 

*{padding:0;margin:0;}
body{background: url(imgs/bg.png);text-align:center;}
#wrap{background:#FFF;width:700px;text-align:left;margin:0 auto;}
#topo{height:120px;background:#abeafe;}
#menu{height:40px;background:#CCC;}
#thumbs{height:40px;background:purple;}
#big-col-left{width:500px;height:600px;background:green;float:left;}
#feature{width:490px;height:200px;background:yellow;margin:0 auto;}
#little-col-left{width:490px;height:400px;background:orange;margin:0 auto;}
#col-left{background:cyan;width:240px;height:400px;float:left;}
#col-right{background:white;width:240px;height:400px;float:right;}
#col-middle{background:black;color:white;width:200px;float:left;height:600px;}
#sidebar{background:gray;color:black;width:195px;float:right;height:600px;}
#sidebar h1{color:cyan;font:13px arial, verdana, tahoma;}
#rodape{background:#006699;clear:both;height:50px;width:700px;float:center;aling:center;}
#divclear{clear:both;}

 

Como eu faço?

Compartilhar este post


Link para o post
Compartilhar em outros sites

O atributo align, não deve ser mais usado.

<div align="center" id="rodape">
</div>
defina um width para o rodapé, e centralize com margin: 0 auto.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.