[Ovillo] Alineamiento vertical no funciona con float

Jue Sep 20 12:27:07 UTC 2007

hola,
a mi me funciona de la siguiente manera:

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">

<head>
	<meta http-equiv="Content-Type" content="application/xhtml+xml;
charset=UTF-8" />
	<title>menu</title>
	<style>
ul{
display: table;
width:45em;
height:5em;
margin: 0 auto;
vertical-align: middle;
text-align: center;
border: 1px solid blue;
}
ul li{
display: table-cell;
width: 14.9em;
vertical-align: middle;
list-style-type: none;
}
ul li a{
display: inline;
text-decoration: none;
}

/* este es el hack para que nuestra bella tabla-css funcione en el cochino ie */
ul li{
_display:inline;
}
ul li a{
_display:inline-block;
_width:24%;
}
.iehack{
-width:1px;
_height:100%;
_display:inline-block;
_vertical-align:middle
}
/* recuerda usar una hoja de estilos específica para ie mediante un
condicional */
	</style>
</head>

<body>
	<ul>
		<li><a href="#">item1</a></li>
		<li><a href="#">item2</a></li>
		<li><a href="#">item3</a></li>
		<li><a href="#">item4</a><span class="iehack"> </span></li>
	</ul>
</body>
</html>

como puedes ver, dentro de los li debe existir otro elemento que sirva
para alinear los items, en este caso es "a", aunq si no tienes
enlaces, puedes usar el nada recomendado "span" ;)

suerte!