Ver Mensaje Individual
  #3 (permalink)  
Antiguo 30/11/2012, 16:12
Avatar de pzin
pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 9 meses
Puntos: 2114
Respuesta: CSS Bloque alineado fijo abajo

Un colega con pestañitis.

Hay cierta manía con pensar que width:auto hace magia.

Cabe deducir cómo tienes el HTML, pero no está nunca de más ponerlo, que nunca se sabe.

Yo pondría todo de un contenedor, y le daría un padding lateral igual al ancho de los elementos laterales y estos últimos ponerlos con posición absoluta a los lados. Luego invocamos al antes odiado y ahora amado antiguo modelo de caja de IE con border-sizing para amenizar la velada y más o menos debe de salir.

Código CSS:
Ver original
  1. #mesacentro {
  2.   position: fixed;
  3.   bottom: 0;
  4.   box-sizing: border-box;
  5.   padding: 0 141px;
  6.   width:100%;
  7.   height:302px;
  8. }
  9.  
  10. #mesaizquierda {
  11.   position: absolute;
  12.   left:0;
  13.   width:141px;
  14.   height:302px;
  15. }
  16.  
  17. #mesaderecha {
  18.   position: absolute;
  19.   right: 0;
  20.   width:141px;
  21.   height:302px;
  22. }

Código HTML:
Ver original
  1. <div id="mesacentro">
  2.   <div id="mesaizquierda"></div>
  3.   <div id="mesaderecha"></div>
  4.    Hola caracola
  5. </div>