Tema: min-height no se expande
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 07/01/2012, 06:50
cfoch
 
Fecha de Ingreso: octubre-2008
Mensajes: 42
Antigüedad: 16 años, 2 meses
Puntos: 0
Respuesta: min-height no se expande
me echas una mano?
Avancé algo

Código CSS: 
Ver original
  1. /*Estructura body, header, article, footer*/
  2. body {
  3.   margin: 0px;
  4.   overflow:hidden;
  5.   background-color: red;/*#333333;*/
  6.   min-width: 950px;
  7.     height: 100%;
  8.     overflow: auto; 
  9.  
  10. }
  11. header {
  12.     float: left;
  13.   height: 80px;
  14.   min-width: 910px;
  15.     padding:20px;
  16.   background-color: #333333; 
  17. }
  18. article {
  19.     float: left;
  20.     min-width: 750px;
  21.   min-height: 200px;
  22.     padding-left: 100px;
  23.     padding-right: 100px;
  24.     padding-top: 50px;
  25.     padding-bottom: 50px;
  26.   background: url(fondo.png) repeat-x #FFFFFF;
  27. }
  28. footer {
  29.     float: left;
  30.   border-top: 8px solid #606060;
  31.   background-color: #333333;
  32.   min-height: 42px;
  33.   min-width: 950px;
  34.   clear: both;
  35. }
  36. /*Fuentes y otros*/
  37.  
  38. @font-face {
  39.   font-family: 'Sans';
  40.     src: local("@"), url('fuentes/sans.ttf') format("truetype");
  41. }
  42. @font-face {
  43.   font-family: 'Purisa';
  44.   src: local("@"), url('fuentes/purisa.ttf') format("truetype");
  45. }
  46. li {
  47.     list-style:none;
  48. }
  49.  
  50. /*Cabecera*/
  51. section.logo {
  52.   float: left;
  53.   width: 360px;
  54. }
  55. section.login {
  56.   float: right;
  57.   width: 550px;
  58. }
  59. ul.login {
  60.   float: right;
  61.     padding-left: 19px;
  62.     margin:0;
  63. }
  64.  
  65. input.login {
  66.   border: 5px solid #808080;
  67.     padding-left: 8px;
  68.     padding-right: 8px;
  69.     font-size: 14pt;
  70.     width: 210px;
  71.     height: 40px;
  72. }
  73. .texto_cabecera {
  74.     color: #e3dedb;
  75.     font-size: 19pt;
  76.     font-family: Sans;
  77. }
  78.  
  79. /*Article*/
  80. section.registro {
  81.     float: left;
  82.     width: auto;
  83.  
  84. }
  85.  
  86. .registrate {
  87.     color: #ffd42a;
  88.     font-size: 50pt;
  89.     font-family: Purisa;
  90.     text-align:center;
  91. }
  92.  
  93. .form_registro {
  94.     border-spacing: 15px 25px;
  95. }
  96. .texto_registro {
  97.     color: #999999;
  98.     font-size: 31pt;
  99.     font-family: Sans;
  100.     text-align:right;
  101.  
  102. }
  103. .boton_registro {
  104.     text-align:center;
  105.  
  106. }
  107. section.blind {
  108.     float: right;
  109.     width: auto;
  110.     text-align: left;
  111.  
  112.  
  113. }
  114. /* Botones */
  115. .boton {
  116.   background-color: #6c5d53;
  117.   border: 4px solid #483e37;
  118.     color: #fff6d5;
  119.   width: 196px;
  120.   height: 55px;
  121.     font-size: 20pt;
  122.     font-family: Sans;
  123.   
  124. }