.nav ul li { border: 1px solid #666; /* border: 1px solid #666; */ font-size: 0.8em; text-align: center; display:block; float: left; padding:0px; margin:0px; height: 30px; width: 118px; }
*-----Mensaje original----- *De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org] En nombre *de Guiomar Valdés *Enviado el: miércoles, 23 de marzo de 2011 05:20 a.m. *Para: ovillo@lists.ovillo.org *Asunto: [Ovillo] Problema de bordes con IE * *Hola a todos. *Tengo el siguiente problema, he puesto una lista con enlaces para hacer la *típica barra de cabecera, y a cada "li" le he dado un borde. En IE no me *mustra los bordes de ninguna manera, y eso que ya he mirado si es un tema *del ancho dado a cada "li".... Dejo el código y el CSS. *La parte que me da problemas es la caja llamada "nav". * *Muchas gracias. * * * * * * *<div class="cabecera"> * <div class="contenido_cabecera"> * <div class="fila"> * <div class="col_izda"> <img src="images/logo.gif" alt="logo"/> *</div> * <div class="col_dcha"> * <div class="inicio"> * <ul> * <li> Inicio </li> * <li> Contacto </li> * </ul> * </div> * <div class="idiomas"> * <ul> * <li> Castellano </li> * <li> Catala </li> * <li> English </li> * </ul> * </div> * <div class="buscar"> * <fieldset> * <label for="buscar"> * <input type="text" * id="buscar" /> * Buscar </label> * </fieldset> * <img src="images/lupa.gif" alt="lupa" /> </div> * </div> * </div> * <div class="nav"> * <ul> * <li> <a href="#">Información Corporativa </a></li> * <li> <a href="#">Productos </a></li> * <li> <a href="#">Información Corporativa </a></li> * <li> <a href="#">Financiar</a></li> * <li> <a href="#">Información </a></li> * <li> <a href="#">Información Corporativa </a></li> * <li> <a href="#">Servicios </a></li> * </ul> * </div> * </div> * </div> * * * *ESTILOS * * * * * *.cabecera { * background-color: white; * overflow: auto; * width: 100%; * *} * * * * *.contenido_cabecera { * margin: auto; * width: 920px; * * * *} * *.cabecera ul li { * * float:left; * list-style:none; * color:white; * padding:5px; *} * * * * *.cabecera a { * text-decoration:none; * * *} * * * *.nav { * color:black; * float: left; * width: 100%; * margin-top: 15px; * display:block; *} * * *.nav ul { * * margin: 0; * padding: 0; * width: 100%; * * *} * * * * * *.nav ul li { * * border: 1px solid#666; * font-size: 0.8em; * text-align: center; * display:block; * float: left; * padding:0px; * margin:0px; *height: 30px; * width: 118px; * *} * * * *.fila { * * width:100%; * float:left; * *} * * *.col { * float:left; * width:33%; * margin-top: 10px; * *} * *-- *Guio *_______________________________________________ *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