Tema: Sobreponer dos imágenes para fade
Ver Mensaje Individual
  #12 (permalink)  
Antiguo 17/02/2014, 05:14
Avatar de heinzy
heinzy
 
Fecha de Ingreso: marzo-2012
Ubicación: Mallorca
Mensajes: 49
Antigüedad: 12 años, 10 meses
Puntos: 0
Respuesta: Sobreponer dos imágenes para fade
lo que pasa que si al contenedor le pongo un ancho fijo ya no es flexible a los cambios de resolución. se queda fijo...


al principio va bien, es cuando cambia de resolución cuando da el fallo ósea que el texto se sobrepone a partir de este código:

Código CSS: 
Ver original
  1. img.imagen-inicio{ 
  2.                     
  3.                 position: absolute; 
  4.                 width: 95%;
  5.         
  6.             }
  7.             
  8.             
  9.             img.imagen-inicio2{ 
  10.                 position: absolute;
  11.                 width: 95%;
  12.             
  13.             }
  14.             
  15.             img.imagen-inicio3{ 
  16.                 position:absolute;
  17.                 width: 95%;
  18.             
  19.             }
  20.             
  21.             img.imagen-inicio4{ 
  22.                 position: absolute;
  23.                 width:95%;
  24.                 
  25.             }
  26.             
  27.             
  28.             
  29.             div#cf {
  30.                 position: relative;
  31.                 width: 100%;
  32.                 border: solid 5px black;
  33.             
  34.             
  35.                 
  36.             }   
  37.             
  38.             .interior-derecho-inicio {
  39.             
  40.             width: 100%;
  41.             clear: both;
  42.             float:left;
  43.             
  44.             }

si le pongo otro porcentaje ocupa solo la mitad..

antes cuando lo tenia con una foto solamente si me funcionaba te paso el código para que lo veas:
Código CSS: 
Ver original
  1. img.imagen-inicio{ 
  2.                     
  3.                     float:left; 
  4.                     width: 100%;
  5.                     max-width:500px;
  6.                     display: block;
  7.             }
  8.     
  9.             
  10.             
  11.             
  12.             .interior-derecho-inicio {
  13.             
  14.             width: 100%;
  15.             float: left;
  16.             clear: both ;
  17.             
  18.             }

es ahora cuando me da problemas..