Tema: Centrar Div
Ver Mensaje Individual
  #10 (permalink)  
Antiguo 12/11/2006, 11:37
elrauli
 
Fecha de Ingreso: octubre-2006
Ubicación: Uruguay
Mensajes: 17
Antigüedad: 18 años
Puntos: 2
Bueno... lo que sucede es que dentro de la fila 1 el contenido no es un texto sino una lista (elemento de bloque) en la que cada li es de ancho variable y por eso no se puede centrar.

La solución sería esta:

En la hoja de estilos:
Código HTML:
#menu
{
	width:80%;
	margin-left:auto;
	margin-right:auto;
}

#menu ul
{
	margin:0px;
	padding:0px;
	list-style:none;
}

#menu ul li
{
	float:left;
	width:25%;
	margin:0px;
	padding:0px;
	text-align:center;
}
En el documento:
Código HTML:
<div id="menu">
	<div id="fila_1">
		<ul>
			<li>
				<a href="h*ttp://w*ww.pasada.net/pau-gasol/"><img border="0px" src="h*ttp://w*ww.pasada.net/pau-gasol/p/20p.jpg" width="80px" height="63px" alt="Pau Gasol" /></a><br />
				Pau Gasol
			</li>
			<li>
				<a href="h*ttp://w*ww.pasada.net/michelle-lombardo/"><img border="0px" src="h*ttp://w*ww.pasada.net/michelle-lombardo/p/3p.jpg" width="80px" height="91px" alt="Michelle Lombardo" /></a><br />
				Michelle Lombardo
			</li>
			<li>
				<a href="h*ttp://w*ww.pasada.net/federica-ridolfi"><img border="0px" src="h*ttp://w*ww.pasada.net/federica-ridolfi/p/2p.jpg" width="53px" height="80px" alt="Federica Ridolfi" /></a><br />
				Federica Ridolfi
			</li>
			<li>
				<a href="h*ttp://w*ww.callejondiagon.com/foro"><img border="0px" src="h*ttp://w*ww.pasada.net/caliz-de-fuego/post/8p.jpg" width="100px" height="135px" alt="Callejon Diagon Foro" /></a><br />
				Registrate y Participa!!
			</li>
		</ul>
	</div>
</div> 
Probalo y decime si te anduvo...

Saludos,


Raúl

Última edición por elrauli; 12/11/2006 a las 11:58