Entendidos del CSS... Os necesito

[Txustra]

Buenas, resulta que estoy realizando una página web y, por motivos de maquetación para que no se disloque ninguna caja, me he visto obligado a hacer un posicinamiento absoluto. Problema: no me permite hacer scroll a la página para poder ver el contenido de la caja entero. Ilustro:



Además, el footer (que es lo que se ve en medio), me gustaría que estuviera siempre abajo respecto al contenido central entre cabecera y footer (no se si me explico xD).

Os dejo las propiedades de las cajas:


El del footer:

Código PHP:

  .footer4 { 
    width:100%;  
    padding:0; 
    height:104px; 
    position:relative; 
    margin-top:auto; 
    color:#fff; 
    overflow:hidden; 
}  
   

El de la caja de la derecha (la que da problema y no me permite el scroll:

Código PHP:

  .columnal { 
    position:absolute; 
    top:270px; 
    font-size:18px; 
    height:auto; 
    width:460px; 
    margin-left:460px; 
    margin-bottom:500px; 
     
}  
   

Si hay alguna forma de colocar más fácil las cosas sin que se muevan, por favor decidmelo.

Un saludo y gracias.

[pzin]

Iniciado por Txustra

...por motivos de maquetación para que no se disloque ninguna caja, me he visto obligado a hacer un posicinamiento absoluto.

Los motivos son más bien de desconocimiento, ya que si tuvieses un conocimiento mayor no hubieses optado por el posicionamiento absoluto, que no se usa para la maquetación casi nunca.

La mejor solución y consejo es orientarte a que uses floats y no posiciones absolutas.

[Txustra]

Iniciado por pzin

Los motivos son más bien de desconocimiento, ya que si tuvieses un conocimiento mayor no hubieses optado por el posicionamiento absoluto, que no se usa para la maquetación casi nunca.

La mejor solución y consejo es orientarte a que uses floats y no posiciones absolutas.

La verdad siempre he temido los elementos flotantes, pero parece que he podido solucionarlo... gracias igualmente. Respecto a lo de que un contenedor se quede siempre abajo de la página sabes algo?

[yandorf]

Usa position:fixed para el footer si quieres que siempre esté presente