Tema: capas que se me salen
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 24/11/2010, 05:02
BrutuSS
 
Fecha de Ingreso: diciembre-2009
Mensajes: 53
Antigüedad: 14 años, 3 meses
Puntos: 4
Respuesta: capas que se me salen
He encontrado una solución que quizás te pueda servir.

El código css quedaría de la siguiente forma.

Código CSS: 
Ver original
  1. html,body
  2.         {
  3.             margin: 0;
  4.             padding: 0;
  5.             height: 100%;
  6.             width: 100%;
  7.         }
  8.         img
  9.         {
  10.             border: none;
  11.         }
  12.         #hd
  13.         {
  14.         }
  15.         #ft
  16.         {
  17.         }
  18.         #zone_container
  19.         {
  20.             min-height: 100%;
  21.             width: 100%;
  22.             float: left;
  23.             width: 69%;
  24.             height: auto;
  25.             border: 1px solid #000000;              
  26.         }
  27.         #zone_title
  28.         {
  29.             margin: 5px;
  30.             padding: 5px;
  31.             border: 1px solid #000;             
  32.         }
  33.         #region_title
  34.         {
  35.             margin: 5px;
  36.             padding: 5px;
  37.             border: 1px solid #000;             
  38.         }           
  39.         #zone_content
  40.         {
  41.             border: 1px solid #000;
  42.             margin: 5px;
  43.             padding: 5px;
  44.             min-height: 100%;     
  45.             overflow: hidden;          
  46.         }
  47.         #finder_container
  48.         {
  49.             float: right;               
  50.             width: 29%;
  51.             height: 100%;
  52.             border: 1px solid #000000;              
  53.         }
  54.         .zone
  55.         {
  56.             background-color: #00ff80;              
  57.             margin: 5px;
  58.             padding: 5px;
  59.             border: 3px solid #088a08;
  60.             min-height: 120px;
  61.         }   
  62.         .zCentral
  63.         {
  64.             width: auto;
  65.         }       
  66.         .zLeft
  67.         {
  68.             width: 45%;
  69.             float: left;
  70.         }
  71.         .zRight
  72.         {
  73.             width: 45%;
  74.             float: right;               
  75.         }
  76.         .region
  77.         {
  78.             background-color: #01DFD7;
  79.             margin: 5px;
  80.             padding: 10px;              
  81.             border: 2px solid #088A85;
  82.             min-height: 75px;
  83.         }
  84.         .rCol1
  85.         {
  86.             width: 20%;
  87.         }
  88.         .rCol2
  89.         {
  90.             width: 45%;
  91.         }
  92.         .rCol3
  93.         {
  94.             width: auto;
  95.         }

Únicamente he cambiado en el div.zone_container el height:auto. En el zone_content meterle un overflow: hidden. En zCentral quitarle el float: left y meterle un width: auto. Y finalmente en rCol3 cambiar el width:100% por width:auto.

Espero que te funcione. Pruébalo y nos cuentas!

La mayoría de los errores te venían dados por asignar un width o un height 100% a determinadas capas.