Gracias por el apunte, sobre la presentación de la información, sere mas cuidadoso en esta ocasión:
Encontre que lo que realmente quiero es un menu, con float, que quede centrado, maravillosamente, las personas de CSS Play tienen una solución: http://www.cssplay.co.uk/menus/centered.html Copio exáctamente su solución a mi página y sorpresa, me funciona genial en firefox, pero en IE7 no me funciona y me despliega algo raro. Lo más interesante de todo es que miro la página de el en IE7 y su menu si me funciona, así que me siento confundido, de que es lo que puede suceder. Este es el xhtml que estoy usando: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd";> <html xmlns="http://www.w3.org/1999/xhtml";> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Bienvenidos a la Asosiacion Guatemalteca del Arroz</title> <link href="estilos/estilo.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="navegacion"> <del class="container"> <ul id="menu2"> <li><a href="#nogo">Tab One</a></li> <li><a href="#nogo">Tab Two: Longer</a></li> <li><a href="#nogo">Tab Three: Longest</a></li> <li><a href="#nogo">Tab Four</a></li> </ul> </del> </div> </body> </html> Este es el CSS #navegacion { text-align:center; } #menu2 { display:table; padding:0; margin:0 auto; list-style-type:none; white-space:nowrap; } #menu2 li { display:table-cell; } #menu2 a { width:auto; display:block; padding:4px 16px; color:#fff; background:#08c; border:1px solid #fff; text-decoration:none; } #menu2 a:hover { color:#000; background:#d4d4d4; } <!--[if IE]> #menu2 li { float:left; } #menu2 a { float:left; } .container {display:inline-block; text-decoration:none;} <![endif]--> Asi se me despliega en IE7: http://img517.imageshack.us/my.php?image=menuie7tf7.jpg Cualquier sugerencia le sera muy agradecida! -----Original Message----- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Juan Jorge Muñoz Herrero Sent: Miércoles, 28 de Marzo de 2007 11:31 p.m. To: Ovillo, la lista de CSS en castellano Subject: Re: [Ovillo] Problemas con un Menu! Antes de darte la solución, ¿qué tal si formateas un poco el código la próxima vez? Ponerle su tabulado y esas cosas, más que nada es por legibilidad, no creo que se pare mucha gente a descifrar eso. De todas formas prueba con esto creo que te puede valer: <ul id="navegacion"> <li class="boton1"><a href="#">Inicio</a></li> <li class="boton2"><a href="#">Administrativa</a></li> <li class="boton3"><a href="#">Tecnica</a></li> <li class="boton1"><a href="#">Mercadeo</a></li> <li class="boton2"><a href="#">Convenio</a></li> <li class="boton3"><a href="#">Recetas</a></li> <li class="boton1"><a href="#">Fertilizacion</a></li> <li class="boton2"><a href="#">Variedades</a></li> </ul> #navegacion{ display:block; width:80%; margin:auto; color: black; background-color:#390; padding: .2em 0; list-style: none; font-size:0.8em; text-align: center;} #navegacion li { display: block; margin:0; float:left;} #navegacion li a { text-decoration: none; color: #fff; border-right: 1px solid #fff;} .boton2 {background-color:#cc6;} .boton3 {background-color:#996;} Eso sería para repararlo un poco, pero tengo un ejemplo que hice el otro día para explicarle lo mismo a álguien colgado en mi web, así que échale un vistazo, lo puedes modificar a tu antojo según te convenga, aunque te aconsejo que sólo lo hagas en medidas, margenes, rellenos y en colores, y no a la estructura porque tiene varios motivos por los que lo hice así y te lo puedes cargar, la dirección es: http://www.taarq.com/menu_vertical/ -- Juan J. Muñoz http://www.taarq.com _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
