Ver Mensaje Individual
  #6 (permalink)  
Antiguo 12/01/2013, 14:10
Avatar de pzin
pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: Como conseguir este efecto...

Lo está causando el elemento #bott. Concretamente los bordes laterales, porque tienes puesto que mida 100% de ancho y ahí se le añaden cuatro pixeles —dos por cada lado— al ancho; 100% + 4px.

Una opción es quitar los bordes laterales, algo así:
Código CSS:
Ver original
  1. #bott {
  2.   border: 2px solid #CC6600;
  3.   border-right: none;
  4.   border-left: none;
  5. }

Otra opción es cambiar el modelo de caja para ese elemento y que los bordes formen parte del total del ancho:
Código CSS:
Ver original
  1. #bott {
  2.   box-sizing: border-box;
  3. }