Ver Mensaje Individual
  #4 (permalink)  
Antiguo 20/09/2006, 05:30
Avatar de webosiris
webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.725
Antigüedad: 22 años, 2 meses
Puntos: 998
Cita:
Iniciado por farlopex Ver Mensaje
Leches! si he puesto ancho en toda la pantalla! Me refería a alto
Ahora si te entiendo!

Hay varias formas de hacer lo que pedís, peor yo me acostumbré a la siguiente:

Código HTML:
<div id="contenedor">
<div id="titular"></div>
.... (todo el contenido aquí)
<div id="relleno"></div>
</div>

<div id="pie"></div> 
Código:
html,body{height:100%}
#contenedor{min-height:100%}
#relleno{height:15px}
#pie{height:15px; margin-top:-15px}
Espero que se entienda... la capa #relleno está para que el contenido no se solape con el pie, en el caso de que el contenido ocupe + del 100% de alto.


Solo una acotación: IE6 no soporta las propiedades min-*, por lo que hay que usar comentarios condicionales (CC) HASTA IE6 (ya que el IE7 si lo soporta).En los CC hay que incluir #contenedor{height:100%}.
Esto es porque por más que IE6 no entienda min-height, trata a height "comun" como si en realidad fuera min-height

Para que quede + claro
COMPORTAMIENTO CORRECTO
min-height: establerce la altura mínima, si el contenido crece y supera esa altura el contenedor se estira hasta el final del contenido.
height: establece la altura exacta, si el contenido crece el contenedor NO se estira.
max-height: establece la altura máxima
Así funcionan Firefox, Opera y demás navegadores que cumplen con los estándares.

En cambio en IE6:
min-height: ----
height: establerce la altura mínima, si el contenido crece y supera esa altura el contenedor se estira hasta el final del contenido.
max-height:----
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -