http://www.alistapart.com/articles/fauxcolumns/

http://www.communitymx.com/content/article.cfm?cid=AFC58



 

F�lix Zapata Berlinches

Tanta Tecnolog�a y Comunicaci�n
Grupo Onetec
c/ Juli�n Camarillo 26 1� Of. 2
28037 Madrid
Tel.: 91.440.10.40
Fax: 91.304.91.24
www.tantacom.com
www.grupoonetec.com

 

 

"Este correo electr�nico y, en su caso, cualquier fichero anexo al mismo,
pueden contener informaci�n de car�cter confidencial exclusivamente dirigida
a la persona o entidad a la que se le env�a. Queda prohibido cualquier uso
indebido, revisi�n, retransmisi�n o diseminaci�n del contenido por personas
o entidades ajenas al destinatario. Si recibe usted este correo por error,
le rogamos que nos lo comunique por la misma v�a al remitente y proceda a
borrar este material de todo ordenador. Gracias." 

 

___________________________________________________

 

"The information in this e-mail and in any attachments is confidential and
solely for the attention and use of the named addressee(s). You are hereby
notified that any distribution, copy or dissemination of this communication
is prohibited without the prior written consent of the sender. If you
received this in error and are not the formal receiver of this message
please destroy it without making any digital or physical copy and inform the
sender by e-mail of the reception of the present message. Thank you"

 

-----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

Responder a