Foros del Web » Creando para Internet » CSS »

Problema con mi slider de fotos en su altura ya que uso responsive design

Estas en el tema de Problema con mi slider de fotos en su altura ya que uso responsive design en el foro de CSS en Foros del Web. En mi slider de mi web http://www.websalvador.com/ tengo un problema ya que lo estoy pasando a responsive design, resulta que como puse la altura a ...
  #1 (permalink)  
Antiguo 15/12/2012, 19:23
Avatar de WebSalvador  
Fecha de Ingreso: agosto-2011
Ubicación: Lima - Perú
Mensajes: 171
Antigüedad: 12 años, 9 meses
Puntos: 2
Problema con mi slider de fotos en su altura ya que uso responsive design

En mi slider de mi web http://www.websalvador.com/ tengo un problema ya que lo estoy pasando a responsive design, resulta que como puse la altura a 300px cuando se redimensiona la pantalla el slider ok pero como el div que lo contiene tiene fija el alto se muestra un espacio vacio mostrando un gran margen con relación a los div que están abajo. Si borro la altura los div de debajo se muestra atrás del slider. El problema parece que el script del wowslider hace que las imágenes tengan el display: none. Ya he probado un plugin de wordpress "Soliloquy Slider" para poner un slider pero igual siempre hay el problema que los display de las imágenes se ponen none.

También use media query pero no funciona en ie7 y 8 y aquí en Perú aun la gente conserva sus PIV.

Algún consejo en css para al achicarse la pantalla deba obviar el alto de 300 y se vea ok. En todo caso me puedan mostrar un ejemplo de una plantilla que este ok sin este problema

Les estaré muy agradecido
__________________
Studio Web Salvador http://www.acuarel.pe/

Última edición por WebSalvador; 15/12/2012 a las 19:29
  #2 (permalink)  
Antiguo 16/12/2012, 14:17
Avatar de Bandit
Moderador
 
Fecha de Ingreso: julio-2003
Ubicación: Lima - Perú
Mensajes: 16.726
Antigüedad: 20 años, 10 meses
Puntos: 406
Respuesta: Problema con mi slider de fotos en su altura ya que uso responsive design

Hola WebSalvador:
Lo que debes de hacer es quitar la altura del div, ya que éste crecerá o se reducirá de acuerdo al tamaño de su contenido.

Espero haberte sido deyuda.
__________________
Bandit.
Si no sabes estudia y si sabes enseña.
http://www.banditwebdesign.com/
  #3 (permalink)  
Antiguo 26/12/2012, 14:34
Avatar de WebSalvador  
Fecha de Ingreso: agosto-2011
Ubicación: Lima - Perú
Mensajes: 171
Antigüedad: 12 años, 9 meses
Puntos: 2
Respuesta: Problema con mi slider de fotos en su altura ya que uso responsive design

Hola mi estimado Bandit, gracias por responder claro que si eso seria una buena opción pero si lo hago los div que van debajo se posicionan en la parte de atras de este div que contienen los banner, algún otro alcance?
__________________
Studio Web Salvador http://www.acuarel.pe/
  #4 (permalink)  
Antiguo 26/12/2012, 17:27
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.698
Antigüedad: 14 años, 9 meses
Puntos: 137
Respuesta: Problema con mi slider de fotos en su altura ya que uso responsive design

Hola WebSalvador
lo primero obviamente es quitar la altura fija a ".ws_images"
ahora lo segundo es que el plugin que utilizas le aplica "position:absolute" directamente a los "<img>" con style="" por eso si quitas la altura fija se viene hacia arriba los divs de abajo que tienes
la solucion es lo siguiente:

Código CSS:
Ver original
  1. .ws_images img {
  2. position: relative!important;
  3. margin-right: -100%!important;
  4. float: left;
  5. width: 100%;
  6. }

Un saludo

Se me olvidaba...

Código CSS:
Ver original
  1. .ws_images{
  2. overflow: hidden;
  3. }

Agrega esto también :)
__________________
Toroflix - movies.

Última edición por alexk; 26/12/2012 a las 17:33 Razón: ups...
  #5 (permalink)  
Antiguo 07/01/2013, 16:38
Avatar de WebSalvador  
Fecha de Ingreso: agosto-2011
Ubicación: Lima - Perú
Mensajes: 171
Antigüedad: 12 años, 9 meses
Puntos: 2
Respuesta: Problema con mi slider de fotos en su altura ya que uso responsive design

OK a ver voy a probar
__________________
Studio Web Salvador http://www.acuarel.pe/
  #6 (permalink)  
Antiguo 16/02/2013, 23:05
Avatar de WebSalvador  
Fecha de Ingreso: agosto-2011
Ubicación: Lima - Perú
Mensajes: 171
Antigüedad: 12 años, 9 meses
Puntos: 2
Respuesta: Problema con mi slider de fotos en su altura ya que uso responsive design

Muchas gracias si me resulto gracias por tu apoyo
__________________
Studio Web Salvador http://www.acuarel.pe/

Etiquetas: design, media, query, responsive, slider
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 20:42.