Foros del Web » Creando para Internet » CSS »

Como hacer Cabezera y pie Fijo,Centro con porcentaje y scroll ?

Estas en el tema de Como hacer Cabezera y pie Fijo,Centro con porcentaje y scroll ? en el foro de CSS en Foros del Web. Buenas tardes: Necesito algo como esto [URL="http://gutfullofbeer.net/dreamlayout.html"]http://gutfullofbeer.net/dreamlayout.html[/URL] ( Solo funciona en firefox, necesito que funcione tb en ie ) Mi gran pregunta es si por ...
  #1 (permalink)  
Antiguo 14/02/2012, 22:40
 
Fecha de Ingreso: febrero-2012
Mensajes: 11
Antigüedad: 7 años, 4 meses
Puntos: 0
Pregunta Como hacer Cabezera y pie Fijo,Centro con porcentaje y scroll ?

Buenas tardes:

Necesito algo como esto [URL="http://gutfullofbeer.net/dreamlayout.html"]http://gutfullofbeer.net/dreamlayout.html[/URL]
( Solo funciona en firefox, necesito que funcione tb en ie )

Mi gran pregunta es si por medio de Css, se puede hacer:

-La cabezera Fija
-El Pie Fijo

- El centro (que va a contener unas tablas con unos datos ) que ocupe de alto hasta el pie aun sin tener contenido usando porcentaje.
-Y que al tener mucho contenido tenga scroll vertical.
-Y Ademas que al minimizar,solo el centro se achique,manteniendo el scroll correctamente, sin que pase por detras del pie ni nada raro.

* Aclaracion!

Probe haciendo la cabezera y el pie con % pero al minimizar mucho variar mucho su altura,a tal punto que no se ve mas la cabezera.Probe con ponerle min-height y max-height dandole un valor en px, me soluciono eso, pero tengo problemas con la altura del contenido del centro, para que se vea en todas las resoluciones bien.


Espero obtener ayuda y haber sido claro, muchas gracias.
  #2 (permalink)  
Antiguo 14/02/2012, 23:10
 
Fecha de Ingreso: mayo-2011
Mensajes: 167
Antigüedad: 8 años, 1 mes
Puntos: 6
Respuesta: Como hacer Cabezera y pie Fijo,Centro con porcentaje y scroll ?

entiendo mas o menos lo que quieres hacer pero no entiendo porque te preocupa como queda al minimizarlo????
  #3 (permalink)  
Antiguo 15/02/2012, 13:58
 
Fecha de Ingreso: febrero-2012
Mensajes: 11
Antigüedad: 7 años, 4 meses
Puntos: 0
Respuesta: Como hacer Cabezera y pie Fijo,Centro con porcentaje y scroll ?

Cita:
Iniciado por destinopolinesia Ver Mensaje
entiendo mas o menos lo que quieres hacer pero no entiendo porque te preocupa como queda al minimizarlo????
Me lo pidieron asi para un trabajo.
  #4 (permalink)  
Antiguo 15/02/2012, 15:23
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 12 años
Puntos: 539
Respuesta: Como hacer Cabezera y pie Fijo,Centro con porcentaje y scroll ?

Al mencionar el scroll no se si se refiere a que aparezca en:

1.- la ventana (body) desplazando el pie hacia abajo: se conoce como pie abajo y ya se ha hablado bastante al respecto e este foro, ejemplos con código incluidos.

2.- la caja central, sin dedplazar el pie.
Mire el ejemplo de este post a ver si le es útil como base inicial: http://www.forosdelweb.com/f53/probl...-fluid-975738/
Sin olvidar las advertencias que menciono.
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #5 (permalink)  
Antiguo 15/02/2012, 23:13
 
Fecha de Ingreso: febrero-2012
Mensajes: 11
Antigüedad: 7 años, 4 meses
Puntos: 0
Respuesta: Como hacer Cabezera y pie Fijo,Centro con porcentaje y scroll ?

Muchas Gracias Kseso? ,es justo lo que estaba buscando.

Ahora tengo un problemilla al agregarle al content-wrapper del ejemplo un menu vertical del lado izquierdo.Que tenga un color de fondo. Bueno, agregarlo no es el problema, pero al hacerle scroll el fondo llega hasta cierta parte y luego se corta. Puedo solucionar eso?..

Solo se me ha ocurrido ponerle una imagen de fondo al content-wrapper que contiene tambien al menu y que simule que la imagen es el fondo de la columna que llega hasta abajo.
Esta bien eso??

Desde ya muchisimas gracias por tu respuesta,me has solucionado bastante la vida!.
  #6 (permalink)  
Antiguo 16/02/2012, 07:35
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 12 años
Puntos: 539
Respuesta: Como hacer Cabezera y pie Fijo,Centro con porcentaje y scroll ?

Esa estructura se conoce como "columnas equilibradas", "falsas columnas" y similares.
Sólo tiene que hacer la búsqueda correspondiente, aplicar el método que haya seleccionado (hay varias formas de lograrlo) y en caso de toparse con alguna dificultad comentarla, adjuntando un enlace a su realización (o como mínimo sus códigos css+html).
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++

Etiquetas: altura, cabezera, contenido, fija, fijo, pie, porcentaje, porcentajes, scroll
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 08:26.