Tema: imagenes en web fluida
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 11/04/2013, 04:05
moro666
 
Fecha de Ingreso: mayo-2011
Mensajes: 214
Antigüedad: 13 años, 8 meses
Puntos: 16
Respuesta: imagenes en web fluida
Código HTML: 
Ver original
  1. <html>
  2. <head>
  3. <style>
  4. div1
  5. {
  6. float:left;
  7. width:100%;
  8. height: 50px;
  9. background-color: #ebf9b3;
  10.  
  11. } 
  12.  
  13.  
  14.  
  15. div2
  16. {
  17. float:inherit;
  18. height: 50px;
  19. width: 90%;
  20.  
  21. text-decoration: none;
  22. margin-left: 5px;
  23.  
  24. overflow: hidden;
  25. background-color: red;
  26.  
  27. }
  28.  
  29. div3
  30. {
  31. float: right;
  32. width: 20px;
  33. height: 20px;
  34. margin-top: 15px;
  35. margin-right: 10px;
  36. cursor: pointer;
  37. background-position: -166px -87px; 
  38. }
  39. </style>
  40. </head>
  41. <body>
  42. <div1><div2></div2><div3></div3></div1>
  43. </body>
  44. </html>

He puesto esto en un html, asi sin mas, tal y como lo tienes, y almenos a mi con chrome el div de la derecha se mantiene constante, ni se hace grande ni pekeño.....

Si pudieras subir la web a un hosting gratis o algo para poderlo ver en vivo te podria ayudar mas, supongo....