Ver Mensaje Individual
  #1 (permalink)  
Antiguo 28/02/2011, 13:25
Avatar de rogertm
rogertm
Mod->Cuba
 
Fecha de Ingreso: julio-2005
Ubicación: /home/Cuba/Habana/rogertm/
Mensajes: 2.922
Antigüedad: 18 años, 9 meses
Puntos: 638
Pregunta "overflow: hidden" me da problemas en Opera

Hola por acá, tengo un slideshow que tiene más o menos la siguiente estructura:
Código:
<< anterior      texto con imagen    siguiente >>
Todo dentro de un id llamado slide:
Código HTML:
Ver original
  1. <div id="slide">
  2.     <a class="prev" href="#"><img class="slide-left" alt="featured title" src="http://localhost/sitio.com/images/slide-left.png"/></a>
  3.     <div class="items">
  4.         <!-- Texto con imagen -->
  5.     </div><!-- .items -->
  6.     <a class="next" href="#"><img class="slide-right" alt="featured title" src="http://localhost/sitio.com/images/slide-right.png"/></a>
  7. </div><!-- #slide -->
En el CSS tengo lo siguiente:
Código CSS:
Ver original
  1. #slide{
  2.     padding: 40px 30px 0;
  3.     color: #fff;
  4.     width: 900px;
  5.     overflow: hidden;
  6. }
  7. .slide-left{
  8.     float: left;
  9.     margin: 50px 92px 0 40px;
  10. }
  11. .slide-right{
  12.     float: right;
  13.     margin: 50px 40px 0 92px;
  14. }
He tenido que usar overflow: hidden en el id slide porque así es como único se me ven a la misma altura las imágenes que uso como flechitas para ir pasando los titulares por el slideshow, de lo contrario la derecha se ve unos pixels más abajo que la izquierda, pero en Opera se ve como si tuviese mucho más padding. Imagino que debo estar haciendo algo mal, y que el uso de overflow aquí tal vez sea innecesario, pero no tengo idea de que pueda ser.

Gracias mil de antemano
__________________
Friki y Blogger por Cuenta Propia:213
Twenty'em: Theming is Prose