Tema: Div con diferentes anchos
Ver Mensaje Individual
  #5 (permalink)  
Antiguo 16/01/2015, 05:04
Faser
 
Fecha de Ingreso: noviembre-2002
Mensajes: 130
Antigüedad: 21 años, 5 meses
Puntos: 0
Respuesta: Div con diferentes anchos
Muchas gracias por las respuestas.
Me ha solucionado mucho las distintas respuestas.
Finalmente la solución final me la diste tu mbm150. Con este método puedo esconder la imagen tanto de la derecha como la de la izquierda (eso si, poniendo el ancho en la imagen y no el css), y el texto central se escala a lo ancho de los limites del content.
Gracias por todo.

Os dejo el código por si a alguien le pueda interesar

Código HTML: 
Ver original
  1. <style>
  2. #content{
  3.     width: 100%;
  4.     display: block;
  5. }
  6. #content div{
  7.     display: block;
  8.     padding: 0;
  9.     margin: 0;
  10.     padding: 10px;
  11.     box-sizing: border-box;
  12. }
  13. #content div:nth-child(1){
  14.     float: left;
  15.     padding:0px;
  16. }
  17. #content div:nth-child(2){
  18.     float: right;
  19.     padding:0px;
  20.     
  21. }
  22. #content div:nth-child(3){
  23.     overflow: hidden;
  24. }
  25.  
  26. </style>
  27.  
  28.  
  29. <div id="content">
  30.     <div><img src="resources/0a4eb2a698ad818ef40e61832.jpg" alt="Mercados de actuación" width="219" height="310" align="left" />
  31.     </div>
  32.     <div><img src="resources/0a4eb2a698ad818ef40e61832.jpg" alt="Mercados de actuación" width="219" height="150" align="left" />
  33.     </div>
  34.     <div>El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3. El 3.
  35.     </div>
  36. </div>