Ver Mensaje Individual
  #1 (permalink)  
Antiguo 19/11/2010, 18:23
de-troit
Invitado
 
Mensajes: n/a
Puntos:
Propiedad float:left en lista ul no funciona :S

Hola compañeros, necesito que me echen una manito por favor, me he estado calentando la cabeza tratando de averiguar por qué una lista no respeta la propiedad float:left que le añado :S

Al sacarlo del div general que contiene a todos si funciona el float, pero dentro de ese contenedor no =(

La lista contiene imágenes para hacer un 'slideShow' o un 'Carousel' con jQuery.

El código es bien extenso, pero les detallaré las partes importantes que se deben analizar:

Lo importante del HTML:

Código:
El div: <div id="_proyectContent"> y todos sus div's padres
Y el div: <div id="slide"> que es hijo del div#_proyectContent y todos los 
hijos de div#slide, que dentro de este se contiene la lista ul.overview que
presenta los problemas (que no es causado por la lista).
Reitero que el problema no es propio de la lista, si no que lo genera algún div contenedor de este, creo que es algún div padre del div#_proyectContent, creo que por ahí va la cosa.

Lo importante de los CSS:

Código:
En http://www.neoproyex.com/pruebas/quisco/base/CSS/slideShow.css:
#slide .overview li { float: left } <- esto es lo que no funciona.

En http://www.neoproyex.com/pruebas/quisco/base/CSS/baseStyle.css
#_proyectContent { display:none } <-- es la única propiedad que tiene este 
div, así que descarto que sea este el div que genera el problema, debe ser 
uno de sus padres, probablemente uno de estos:

<div id="shadow3"><!-- #shadow3 -->
<div id="contentContainer"><!-- #contentContainer -->
<div id="contentMargin"><!-- #contentMargin -->
<div id="contentLoader"><!-- #contentLoader -->

Las propiedades de estos divs se encuentran dentro de baseStyle.css
Debo aclarar que los divs id:
#_homeContent,
#_proyectContent,
#_departamentsContent,
#_ubicContent,
#_contactContent,
#_whoAreWeContent

están ocultos con la propiedad display:none porque son los contenidos de un sistema de 'tabs', entonces al hacer click a su respectivo botón, estos se muestran con jQuery.

Como no pude postear el código aquí por lo extenso, lo subí a un servidor, esta es la dir:

http://www.neoproyex.com/pruebas/quisco/
(Vean el código de fuente)

Versión descargable en RAR (libre de virus):

En http://www.neoproyex.com/pruebas/quisco.rar

Espero que me puedan ayudar, muchos saludos a todos :)

Última edición por de-troit; 19/11/2010 a las 18:35