Foros del Web » Creando para Internet » CSS »

Ayuda con e pie de Pagina

Estas en el tema de Ayuda con e pie de Pagina en el foro de CSS en Foros del Web. Como dice el titulo, llevo rato tratando de hacer un pie de pagina, pero no resulta aun. Los intentos han sido con: Cita: .pie{ position:fixed; ...
  #1 (permalink)  
Antiguo 30/12/2010, 16:37
 
Fecha de Ingreso: diciembre-2010
Ubicación: Iquique
Mensajes: 50
Antigüedad: 7 años
Puntos: 5
Ayuda con e pie de Pagina

Como dice el titulo, llevo rato tratando de hacer un pie de pagina, pero no resulta aun.

Los intentos han sido con:

Cita:
.pie{
position:fixed;
bottom:0;
}
El fixed me tapa sierta parte de lo que esta escrito:
IMG = http://img522.imageshack.us/img522/6725/10430984.png

Cita:
.pie{
position:absolute;
bottom:0;
}
El absolute se queda de la siguiente forma:
IMG = http://img259.imageshack.us/img259/7113/31595565.png

Cita:
.pie{
background:#FFFFFF;
padding:2px;
text-align:left;
}
Al fin y al cabo no es un pie, ya que esta en constante movimiento:
IMG = http://img24.imageshack.us/img24/7936/33219875.png

Estoy trabajando con unas div para poder crear las columnas la estructura que he seguido hasta el momento es esta:
Cita:
<html>
<head>
<title></title>
</head>
<body>
<div id ="main">
<div class="columna">
</div>
<div class="columna2">
</div>
</div>
<div class="pie">
</div>
CSS:
Cita:
#main{
width:100%;
}

.columna{
float:left;
position:relative;
left:5px;
width:50%;
}

.columna2{
float:left;
position:relative;
left:0px;
width:50%;
}
Y los pie de paginas ya fueron nombrados.

Alguna solucion para que quede absolutamente debajo de toda la web.
  #2 (permalink)  
Antiguo 30/12/2010, 16:56
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Ayuda con e pie de Pagina

Creo que con lo que se está peleando es con la estructura (layout) conocida como "pie abajo", "sticky footer" o similares.

Son varias las soluccionesposibles. Todo de pende de sus necesidades.
Una búsqueda por la cadena indicada le arrojará unos cuantos resultados.
Que recuerde ahora, tiene ejemplos en http://www.araudi.net y http://css.devillasbuenas.es

Ya nos dirá si acerté en mi suposición
  #3 (permalink)  
Antiguo 31/12/2010, 15:33
 
Fecha de Ingreso: diciembre-2010
Ubicación: Iquique
Mensajes: 50
Antigüedad: 7 años
Puntos: 5
Respuesta: Ayuda con e pie de Pagina

Muchas gracias por tus respuestas. Te cuento como me fue:

Trabajando con Firefox se me ve excelente el pie abajo (1024x768px optimizando mi web):
http://www.lod-egc.com/equipos/perfil_equipo.php?id=8
* El unico problema es que me bloquea los hipervinculos de los integrantes del equipo y en el menu superior donde dice auspiciadores y foro.

En IE8 Se desarma completo.

¿Porque sucede lo de los hipervinculos?, no es muy relevante que no funcione en IE aunque si se puede arreglar el diseño alli tambien mejor.

El pie abajo que me guie para solucionar este problema es:
http://www.araudi.net/ejemplos/conjunta.html

Y ademas el css quedo de la siguiente manera:
http://www.mediafire.com/?3jj1st4ujdp93yk

PD: No te coloque el CSS por aqui ya que igual es un poco largo.
Para ver el codigo HTML solamente ve al link que te puse en un principio, comienza luego del menu deslizable.

De antemano muchas gracias por tu ayuda y respuestas :D
  #4 (permalink)  
Antiguo 31/12/2010, 18:11
 
Fecha de Ingreso: noviembre-2010
Ubicación: On a world of Anime & Web.
Mensajes: 137
Antigüedad: 7 años
Puntos: 4
Respuesta: Ayuda con e pie de Pagina

una posible solucion es, poner el "PIE" fixed, y para que no te tape la parte de abajo del contenido, agregale al contenedor de tu contenido (logico) un margin-bottom de XX pixeles (segun lo que sea necesario para que no lo tape.)

Saludos
  #5 (permalink)  
Antiguo 01/01/2011, 12:07
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Ayuda con e pie de Pagina

Esta página se ve mal también en firefox (1280x800)
Creo que tiene algunos errores de concepto y alguna mala praxis.
Cosas como posicionar absolutamente algún elemento, márgenes de 600px y contramárgenes negativos de 400px y otras cosas por el estilo.

Necesita comprender un poco mejor algunas cosillas de css. Para eso, nada mejor que antes de seguir se pase por www.librosweb.es y se haga con los manuales de html y css.
Léaselos y téngalos a mano.

Ya siento no tener una respuesta en forma de códigos a la carta. Pero no creo que sea función del foro (y mía mucho menos) servir de depurador o rescribirselos a nadie.

P.D.: le agradecería que en el futuro se abstenga del uso de los mensajes privados para solicitar ayuda. Gracias. Es una práctica desaconsejada. <-- Esto se lo indico sin el más mínimo atisbo de enfado. Sólo como información a un usuario novel.

Etiquetas: pie
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 10:03.