Ir al contenido principal

Entradas

Mostrando entradas de abril, 2013

Evitar que el padding afecte al ancho de una caja con CSS

E l elemento padding es uno de los más utilizados a la hora de definir espacios dentro de las cajas, pero si no tenemos cuidado puede afectar al tamaño de estas. Es muy importante evitar que el padding afecte al tamaño de una caja, sobre todo cuando utilizamos tamaños relativos (%). Para evitar este problema, debemos añadir las siguiente propiedades al estilo de la etiqueta box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ Recordad también que es muy importante que validéis en todos los navegadores la correcta reproducción de vuestros estilos