Foros del Web » Creando para Internet » CSS »

Extender capa principal al largo de la pagina

Estas en el tema de Extender capa principal al largo de la pagina en el foro de CSS en Foros del Web. Hola Tengo una capa principal, que es la que "contiene" a las demas capas. La idea es que esta capa se "alargue" al largo (ojo ...
  #1 (permalink)  
Antiguo 01/10/2005, 15:32
 
Fecha de Ingreso: octubre-2004
Mensajes: 143
Antigüedad: 13 años, 1 mes
Puntos: 0
Extender capa principal al largo de la pagina

Hola


Tengo una capa principal, que es la que "contiene" a las demas capas. La idea es que esta capa se "alargue" al largo (ojo largo, no ancho) de toda la pantalla, independiente de que el contenido sea nada, y bueno cuando el texto no cabe en una pantalla, esta cresca normalmente

En otras palabras, es tratar de dar la impresion de división de la pagina en 3 secciónes verticales (igual que este foro, derecha e izquierda color morado y al centro contenido).

Se entiede ???

La idea es que el pie de pagina siempre quede al final de la pagina. Es para eso

Saludos
  #2 (permalink)  
Antiguo 01/10/2005, 16:16
 
Fecha de Ingreso: noviembre-2003
Mensajes: 383
Antigüedad: 14 años
Puntos: 2
Para eso puedes hacer lo siguiente:

#contenedor { min-height: altura en pixeles }

* html.contenedor { height: altura en pixeles }

Esto te pondrá el contenedor con una altura fija y en el caso de que el texto se salga del contenedor este se ajustará para que que el texto quede siempre dentro.
El hecho de habelo puesto en dos líneas es porque el Internet Explorer hace lo que le da la gana (o sea no se ajusta a las normas CSS) y hay que "engañarlo".
Aquí la segunda línea surtiría efecto en IE y la primera en el resto de navegadores.
  #3 (permalink)  
Antiguo 01/10/2005, 17:25
 
Fecha de Ingreso: octubre-2004
Mensajes: 143
Antigüedad: 13 años, 1 mes
Puntos: 0
Cita:
Iniciado por pellagofio
Para eso puedes hacer lo siguiente:

#contenedor { min-height: altura en pixeles }

* html.contenedor { height: altura en pixeles }

Esto te pondrá el contenedor con una altura fija y en el caso de que el texto se salga del contenedor este se ajustará para que que el texto quede siempre dentro.
El hecho de habelo puesto en dos líneas es porque el Internet Explorer hace lo que le da la gana (o sea no se ajusta a las normas CSS) y hay que "engañarlo".
Aquí la segunda línea surtiría efecto en IE y la primera en el resto de navegadores.
No me sirve mucho, ya que al poner un valor absoluto, obligo a que esto funcione solamente en una resolución, o una configuración de ventanas (que pasa si el usuario presiona F11, Pantalla completa, no sirve )

Gracias de todas mangueras...

Probe con min-height:100%; pero nada
  #4 (permalink)  
Antiguo 03/10/2005, 07:49
 
Fecha de Ingreso: octubre-2004
Mensajes: 143
Antigüedad: 13 años, 1 mes
Puntos: 0
Hola

Nadie sabe como puedo hacerlo.. una ayudita
  #5 (permalink)  
Antiguo 12/06/2009, 13:56
 
Fecha de Ingreso: septiembre-2008
Mensajes: 12
Antigüedad: 9 años, 3 meses
Puntos: 0
Respuesta: Extender capa principal al largo de la pagina

para el pie de pagina puedes definir el estilo
.pie {
position: absolute;
left: 0px;
bottom: 0px;
}

y para extender las capas siempre hasta el final de la pagina asi no tenga ningun contenido
html, body {
height:100%;
min-height:100%;
}

asi lo utilizo yo, espero te sirva
  #6 (permalink)  
Antiguo 12/06/2009, 14:05
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Extender capa principal al largo de la pagina

Alguien no se fijo en la fecha. Y alguien más sólo en la última respuesta (la que obró el milagro de la resurrección)
Creo que después de casi cuatro años habrá encontrado una solución, y sino...
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++

Última edición por kseso?; 12/06/2009 a las 15:27
  #7 (permalink)  
Antiguo 12/06/2009, 15:22
Avatar de gioramies  
Fecha de Ingreso: febrero-2008
Ubicación: Colombia
Mensajes: 217
Antigüedad: 9 años, 9 meses
Puntos: 14
Respuesta: Extender capa principal al largo de la pagina

Hola:

¿Podrías postear el código html? Al parecer tu problema tiene que ver más con el layout y la forma de esctructurarlo.

Saludos.
  #8 (permalink)  
Antiguo 12/06/2009, 16:41
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Extender capa principal al largo de la pagina

Hola:

Y alguien no ha leído.

Saludos.

  #9 (permalink)  
Antiguo 12/06/2009, 16:47
Avatar de pao01
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 1.875
Antigüedad: 9 años, 6 meses
Puntos: 351
Respuesta: Extender capa principal al largo de la pagina

Se ve que ya es costumbre no leer http://www.forosdelweb.com/f53/neces...8/#post2959591
__________________
Entre más estrecha la mente, más grande la boca.- Ted Cook
Autosconarte-Blog
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:17.