Si pruebas a ponerle al div pie un margen auto creo q se centrar� en el
centro de la p�gina (o del div q lo contenga)
#pie
{
margin: 0px auto 0px auto;
}
Si pusieras el pie dentro de contenido, para indicarle que lo quieres
abajo del todo deberias indicarle bottom: 0px; y entonces el pie crecer�
hacia arriba
Espero q eso sea suficiente :)
Carlos Campderr�s
Ubuntu - F�rum Mundia de Xarxes de la Societat Civil
Edifici Omega, Soterrani 1
carlos.campderrosARROBITAubuntu.upc.edu
93 413 77 74
-----Mensaje original-----
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En
nombre de Iban Rodriguez
Enviado el: lunes, 07 de febrero de 2005 10:38
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] Footer (Pie de P�gina)
Muy buenas,
Sigo con la Web que tantos quebraderos de cabeza est� dandome, al tiempo
que
me ense�a lo que no sab�a de CSS...
Resulta que el dise�o es a 3 columnas con cabecera y pie de p�gina.
El primer problema con el que me he encontrado es conseguir que el
dise�o de
ambas columnas ocupe el 100% del contenido (div contenido), pero no
necesariamente el 100% del navegador.
El segundo es conseguir que el pie de pagina (div pie) est� siempre
centrado
y abajo del todo, independientemente de cu�nto contenido haya en la
parte
central.
Y el "problema" es que el pie de p�gina no va debajo de las columnas u
ocupando la misma anchura que columna1+centro+columna2. En este caso el
pie
de p�gina va en el contenido, en el centro, y situado entre las dos
columnas.
Algo as�:
______________________________________
| cabecera |
|________________________________|
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| |________________| |
| col1 | pie de pagina | col2 |
-------------------------------------------------------------------
He conseguido maquetar bien el tema de cabecera, columnas, contenido, y
que
quede centrado en la Web a tama�o fijo de 780px, pero no se c�mo hacer
que
el pie salga centrado.
Antes lo ten�a puesto despu�s de la div de contenido, con un "clear:
both"
(tampoco s� exactamente qu� hace, pero me sirvi� para que se centrase
bien,
pero claro, los men�s se cortaban antes.. de la siguiente forma:
______________________________________
| cabecera |
|________________________________|
| | | |
| | | |
| | | |
| | | |
| col1 | | col2 |
| | | |
| | | |
|_______|________________|_______|
| pie de pagina |
-----------------------------------
He mirado m�ltiples ejemplos de paginas a 3 columnas + header+ footer,
pero
ninguna me ha sido �til... �no hay una forma "sencilla" de decirle al
navegador mediante CSS algo as� como "esta div la quiero abajo del todo
y
dentro de esta otra div"?
La estructura actual de la web ser�a algo as�:
Div contenido
Div cabecera
Div barra1
Div menuopciones /div
Div modulo1 /div
Div modulo2 /div
Div modulo3 /div
/div
Div barra2
Div modulo1 /div
Div modulo2 /div
Div modulo3 /div
Div modulo4 /div
/div
Div cuerpo
Div datos /div
/div
/div
Div pie /div
Al tema modulos no le hag�is mucho caso... son los diferentes Divs que
utilizo para hacer includes con PHP.
Contenido para m� representa a toda la "caja" donde est� la Web.
Cuerpo ser�a la parte central, donde se va a alojar el contenido.
Datos es otra "subdiv" de Cuerpo... supongo que no es necesaria, pero la
he
metido porque Cuerpo ocupa 500px y los Datos (otro include PHP) deb�a
ocupar
480px.
El pie, como veis, est� despu�s de todo. No es el sitio correcto
supongo...
la situaci�n "ideal" ser�a meterlo debajo de "Cuerpo", con alguna
propiedad
que le diga que se quede abajo...
Pero no encuetro la forma. �Alguna idea?
Ah, y lo del 100% de altura de las columnas... Curiosamente Explorer me
lo
hace bien (puse height: 100%), pero FireFox no... queda algo as�
______________________________________
| cabecera |
|________________________________|
| | | |
| | | |
| | | |
| | | |
| col1 | | col2 |
| | |_______|
| | |
|_______|________________|
(Ya que el contenido de "col2" es menor que el de "col1")
Gracias de antemano,
Un saludo.
_______________________________________________
Lista de distribuci�n Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente direcci�n:
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
_______________________________________________
Lista de distribuci�n Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente direcci�n:
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
