Ver Mensaje Individual
  #4 (permalink)  
Antiguo 18/05/2013, 05:23
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: Elemento 100% ancho en contenedor

Es porque le aplicas un padding, y según el modelo de caja de CSS, el ancho total es igual al ancho del elemento, más el borde y el padding. De ahí que sobresalga.

La forma más fácil de solucionarlo, es cambiando ese modelo de caja para ese elemento para que padding no forma parte del ancho del elemento:

Código CSS:
Ver original
  1. div#footer-bottom {
  2.   box-sizing: border-box;
  3.   -moz-box-sizing: border-box; /* Para Firefox */
  4. }

En principio así funciona en todos los navegadores modernos, incluído IE8. Consulta el soporte para los diferentes navegadores: http://caniuse.com/css3-boxsizing