Hola lista:
Estoy teniendo problemas con la propiedad "overflow" en IE. Miren el código
HTML siguiente:
<div id="navigation_bar">
<ul class="navigation_bar">
<li class="first">Inicio |</li>
<li>Nosotros |</li>
<li>Tutoriales |</li>
<li>Galería |</li>
<li>Foros |</li>
<li>Descargas |</li>
</ul>
<form action="busqueda" id="formulario_busqueda" method="post">
<label>Buscar</label>
<input type="text" id="word" name="word" size="15" />
</form>
</div>
Ahora el CSS correspondiente es el que sigue:
#navigation_bar { border-top: 1px solid #E89700; border-bottom: 1px solid
#E89700; overflow: auto; }
/* Barra de navegación */
ul.navigation_bar { list-style-type: none; padding: 0 5px 0 0; }
ul.navigation_bar li.first { padding: 5px 10px 5px 30px; }
ul.navigation_bar li { float: left; color: #81869F; font-size: 78%; padding:
5px 10px 5px 0; font-weight: bold; }
ul.navigation_bar li a:link { color: #81869F; text-decoration: none; }
/* Formulario de busqueda */
#word { background-color: transparent; border: 2px solid #435278; text-indent:
2px; }
Si se dan cuenta tengo elementos flotando a la izquierda (UL) y a la derecha
(FORM). Además de ello si se fijan en el la clase del DIV tiene un borde
inferior y uno superior. Bueno en Firefox se ve a la perfección, o sea el borde
inferior y superior cada cual donde debe verse pero en IE el borde inferior
sube y entonces el borde superior parece que tiene 2px en vez del 1px que le
estoy dando. Alguna ayuda con ello?
Salu2
--
ReynierPM | Linux User:#310201 Hay dos cosas infinitas: el Universo y la
estupidez humana. Y del Universo no estoy seguro.
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
