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
