Foros del Web » Creando para Internet » CSS »

No veo carrusel en IE6

Estas en el tema de No veo carrusel en IE6 en el foro de CSS en Foros del Web. Hola a [email protected], Tengo este css: Código: .carousel-component { /* position:relative; */ overflow:hidden; /* causes the clipping */ display:none;/*component turns it on when first item ...
  #1 (permalink)  
Antiguo 02/07/2009, 06:25
Avatar de Phoenix23  
Fecha de Ingreso: agosto-2007
Ubicación: 43.286211, -2.171349
Mensajes: 253
Antigüedad: 10 años, 3 meses
Puntos: 1
No veo carrusel en IE6

Hola a [email protected],

Tengo este css:

Código:
.carousel-component { 
	/* position:relative; */
	overflow:hidden;  /* causes the clipping */
	display:none;/*component turns it on when first item is rendered */
	margin-top: 30px;
}
				
.carousel-component ul.carousel-list { 
	 /* width:10000000px; */
	position:relative;
	z-index:1; 
}

.carousel-component .carousel-list li {
	float:left;
	list-style:none;
	overflow:hidden;
	width: 150px;	  
}


.carousel-component .carousel-vertical li { 
	margin-bottom:0px;

	/* Fix for extra spacing in IE */
	float:left;
    clear:left;
	position:inherit;

	
	/* Force the LI to respect the HEIGHT specified */
	overflow:hidden;
	display:block;
}

.carousel-component ul.carousel-vertical {
	width:auto;
}

.carousel-component .carousel-clip-region { 
	overflow:hidden; /* Secret to the clipping */
	margin:0px auto;
	position:relative;
}

.carousel-component { 
	padding:0px;
	-moz-border-radius:6px;
	width: 160px;
	height: 300px;
}
.carousel-component ul.carousel-list { 
	margin:0px;
	padding:0px;
	line-height:0px;
}
.carousel-component .carousel-list li { 
	margin:2px;
	padding:0px;
	font:10px verdana,arial,sans-serif;
}
.carousel-component .carousel-vertical li { 
}
.carousel-component ul.carousel-vertical { 
}
Es un carrusel de yahoo, esta es la página donde la encontre: http://billwscott.com/carousel/ .
y este codigo:

Código PHP:
<div id="noticias">

    <div id="mycarousel" class="carousel-component">    
      <div class="carousel-clip-region">
        <ul class="carousel-vertical">
        <?php 
        $sql
="SELECT * FROM noticias ORDER BY id_noticia DESC LIMIT 0 , 6";
        
$resultado=mysql_query($sql);
        if (
$resultado==TRUE){  
        
$cont=0;
        while(
$fila=mysql_fetch_array($resultado)){        
        
$cont++;
        
?>
        <li id="mycarousel-item-<?php echo $cont;?>">
                    <div class="n_text">
                        <a href="noticia.php?id=<?php echo $fila["id_noticia"]; ?> " class="nonegrita"><?php echo $fila["titulo"]; ?></a>
                    </div>
    <div class="n_foto" style="background-image: url(admin/imagenes/<?php echo $fila["foto"]; ?>); background-repeat: no-repeat;    background-position: center;">                        
                        <br />
            <div class="fecha_flotando">
              <?php 
                        $fecha
=strtotime($fila["fecha"]);
                        
?>
                <span class="dia">
                    <?php 
                                
echo date('d',$fecha); ?>
                </span>
                <span class="mes">
                    <?php switch (date('n',$fecha)) { 
                                case 
1: echo "ene"
                                        break; 
                                case 
2: echo "feb"
                                        break; 
                                case 
3: echo "mar"
                                        break; 
                                case 
4: echo "abr"
                                        break;
                                case 
5: echo "may"
                                        break; 
                                case 
6: echo "jun"
                                        break; 
                                case 
7: echo "jul"
                                        break; 
                                case 
8: echo "ago"
                                        break;     
                                case 
9: echo "sep"
                                        break; 
                                case 
10: echo "oct"
                                        break; 
                                case 
11: echo "nov"
                                        break; 
                                case 
12: echo "dic"
                                        break; 
                                }
?>
                </span>
                <span class="anno">
                <?php echo date('Y',$fecha); ?>
                </span>
            </div>
          </div>                
          </li>
            
            <?php }
            
mysql_close();
            }
            
?>            
        </ul>
    </div>
    </div>
    
    <div id="b_izq">
       <img src="imagenes/flecha_abajo.jpg" alt="hacia atras" class="left-button-image" id="prev-arrow"/>
    </div>
    
    <div id="b_der">
       <img src="imagenes/flecha_arriba.jpg" alt="hacia adelante" class="right-button-image" id="next-arrow"/>        
    </div>        
   
</div>
.

Me funciona bien en firefox y IE7 pero en el IE6 imposible. Es una tira vertical que muestra unas noticias, se ven dos botones que sirven para desplazarse arriba y abajo pero no me muestra el titulo, ni la foto, ni la fecha de la noticia.

Gracias de antemano por vuestro interes y saludos
  #2 (permalink)  
Antiguo 02/07/2009, 07:20
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: No veo carrusel en IE6

Pues según la página que enlazas, funciona también en ie6:
Cita:
Compatibility

The Carousel component has been most recently tested and works on these browsers:

* IE 7/PC
* IE 6/PC
* Firefox 1.5.0.5/Win & Mac
* Firefox 2.0.0.12/Win & Mac
* Firefox 3 Win & Mac
* Safari 2/Mac
* Safari 3.1.x/Mac & Win
* Camino 1.6.x/Mac
* Opera 9.5 PC & Mac
* Opera 9.21/PC & Mac
o Issue. Module Scrolling example not working on Opera.
o Issue. Reveal Before & After, Vertical not working correctly on Opera.
Así que tendrás que comparar el código original con las modificaciones introducidas por tí, y asegurarte de haber cargado los 6 js que indica como necesarios
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:40.