Foros del Web » Creando para Internet » CSS »

problema con pie de pagina estatico

Estas en el tema de problema con pie de pagina estatico en el foro de CSS en Foros del Web. Hola, Estaba creando un simple layout con CSS y pues todo parecia perfecto, tenia mi pie de pagina estatico al final de la pagina y ...
  #1 (permalink)  
Antiguo 23/02/2007, 16:50
 
Fecha de Ingreso: febrero-2007
Mensajes: 2
Antigüedad: 10 años, 9 meses
Puntos: 0
problema con pie de pagina estatico

Hola,

Estaba creando un simple layout con CSS y pues todo parecia perfecto, tenia mi pie de pagina estatico al final de la pagina y el contenido encajaba perfecto debajo de la cabecera y en caso de que sea mas grande que la pantalla entonces con las barras de desplazamiento bajabas, pero el pie de pagina siempre se mantiene en su lugar.

Quise probar la pagina en IE y fue una sorpresa no grata porque NO funciona! primero porque no me salen las barras de desplazamiento, segundo porque el contenido de la pagina, cuando es mas grande que la pantalla, se "escode" detras del pie de pagina y aun mas importante, el pie de pagina no se va al final de la pagina.

Alguien me podria ayudar con esto? Por que es que funciona en FF pero no en IE?

A continuacion pongo el codigo de la pagina:

Código HTML:
<!-- Quirk on -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<title>Sticky Footer</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
	<style type="text/css">
		body { margin:0 0 25px 0; padding:0; }
		div, p { margin:0; padding:0; }
		#header { width:100%; height:25px; background-color: #CCC; text-align:center; }
		#pageContent { width:100%; }
		#footer { position: fixed; bottom:0px; left:0px; width:100%; height:25px; background-color: #CCC; text-align:center; }
	</style>
	<!--[if IE]>
		<style type="text/css" media="screen">
			body { overflow-y: hidden; }
			#pageContainer { height:100%; }
		</style>
	<![endif]-->
</head>

<body>

<!-- start main -->
<div id="pageContainer">
	<div id="header">
		This is where the header goes
	</div>
	
	<div id="pageContent">
		<p>Groovy page content goes here</p>
		<p>Groovy page content goes here</p>
		<p>Groovy page content goes here</p>
		<p>Groovy page content goes here</p>
		<p>Groovy page content goes here</p>
		<p>Groovy page content goes here</p>
		<p>Groovy page content goes here</p>
		<p>Groovy page content goes here</p>
		<p>Groovy page content goes here</p>
		<p>Groovy page content goes here</p>
		<p>Groovy page content goes here</p>
		<p>Groovy page content goes here</p>
		<p>Groovy page content goes here</p>
		<p>Groovy page content goes here</p>
		<p>Groovy page content goes here</p>
		<p>Groovy page content goes here</p>
		<p>Groovy page content goes here</p>
		<p>Groovy page content goes here</p>
		<p>Groovy page content goes here</p>
		<p>Groovy page content goes here</p>
		<p>Groovy page content goes here</p>
		<p>Groovy page content goes here</p>
		<p>Groovy page content goes here</p>
		<p>Groovy page content goes here</p>
		<p>Groovy page content goes here</p>
		<p>Groovy page content goes here</p>
		<p>Groovy page content goes here</p>
		<p>Groovy page content goes here</p>
		<p>Groovy page content goes here</p>
		<p>Groovy page content goes here</p>
		<p>Groovy page content goes here</p>
		<p>Groovy page content goes here</p>
		<p>Groovy page content goes here.</p>
	</div>
</div>
<!-- end main -->

<!-- start footer -->
<div id="footer">
	Developed by Bonnie Thurber, Bob Davis and Grace Basilio. Maintained by Grace Basilio
</div>

<!-- end footer -->

</body>
</html> 
  #2 (permalink)  
Antiguo 23/02/2007, 16:54
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: problema con pie de pagina estatico

Aquí acaba de quedar resuelto hace muy poco.

http://www.forosdelweb.com/f53/cosas-basicas-pie-pagina-que-queda-fondo-467272/

Otra cosa será que se adapte exactamente a tu caso.

Mikel.
  #3 (permalink)  
Antiguo 23/02/2007, 17:40
 
Fecha de Ingreso: febrero-2007
Mensajes: 2
Antigüedad: 10 años, 9 meses
Puntos: 0
Re: problema con pie de pagina estatico

Si justo cuando mande el caso, me puse a ver el foro y encontre la respuesta y ya lo hice funcionar... Gracias por la respuesta!
  #4 (permalink)  
Antiguo 23/02/2007, 22:10
 
Fecha de Ingreso: febrero-2007
Mensajes: 53
Antigüedad: 10 años, 9 meses
Puntos: 1
Re: problema con pie de pagina estatico

K bien!

Parece k la serie Cosas Basicas esta funcionando :)

Mikel, esa es la idea de las preguntas :)
  #5 (permalink)  
Antiguo 12/12/2007, 13:37
Avatar de wcfenix  
Fecha de Ingreso: agosto-2004
Ubicación: Lima
Mensajes: 168
Antigüedad: 13 años, 3 meses
Puntos: 0
Re: problema con pie de pagina estatico

Excelente! Al fin encontre esta respuesta! Era lo que necesitaba! Los links que encontraba estaban rotos o no era lo que queria...
__________________
"No te preocupes si no funciona bien. Si todo estuviera correcto, serías despedido de tu trabajo" - Ley de mosher
Blog [ http://www.tecnoaventuras.com ]
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:51.