Tema: Ocupar el 100% del espacio DISPONIBLE ??
Ver Mensaje Individual
  #6 (permalink)  
Antiguo 14/02/2012, 16:55
Avatar de emprear
emprear
Colaborador
  
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 9 meses
Puntos: 1567
Respuesta: Ocupar el 100% del espacio DISPONIBLE ??
Cita:
Iniciado por i34a23 Ver Mensaje
Tengo un div que ocupa 160px en la parte superior de la página este esta posicionado con float:left;

luego necesito que al costado de este aparesca el otro div y que ocupe todo el ancho que quedo disponible.

si le pongo width:100% ignora al div que tiene al costado y se posiciona abajo tomando todo el ancho de la ventana.


alguna solucion ?

saludos
Asi porejemplo
Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <title>titulo</title> 
  6. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  7.  
  8. <style type="text/css">
  9. /*<![CDATA[*/
  10.  
  11.  
  12. html, body, div {
  13. margin: 0;
  14. padding: 0;
  15. border: none;
  16. }
  17.  
  18. div#contenedor {
  19. display: table;
  20. width:100%;
  21. }
  22.  
  23. div.d160 {
  24. width: 160px;
  25. background-color: red;
  26. display: table-cell;
  27. }
  28.  
  29. div.derecha{
  30. display: table-cell;
  31. background-color: lime;
  32. }
  33.  
  34. /*]]>*/
  35. </style>
  36. </head>
  37. <body>
  38. <div id="contenedor">
  39. <div class="d160">
  40. izquierda
  41. </div>
  42. <div class="derecha">
  43. derecha
  44. </div>
  45. </div>
  46. </body>
  47. </html>

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.