a.css

esbudellant estàndards


Model de caixa i box-sizing

29/07/06

La propietat box-sizing definida al mòdul d'interfície d'usuari de CSS 3 —candidat a recomanació— permetrà triar el model de caixa a emprar.

Si es declara un box-sizing: content-box el comportament serà l'actual per navegadors tipus Firefox, Opera, Konqueror, Safari, etc., és a dir:

widthtotal = width + border-left + border-right + padding-left + padding-right

Si es declara un box-sizing: border-box el comportament serà semblant al de l'Internet Explorer en quirks mode, és a dir:

widthtotal = width

Aquest model té avantges respecte l'anterior en casos com per exemple colocar dues caixes una al costat de l'altre i que ocupin el 50% exacte.

A Qooxdoo presenten un test exhaustiu del comportament d'aquesta propietat; Un amb compatibilitat directa amb els estàndards i un altre amb compatibilitat inversa amb els estàndards.

Els resultats deixen com a navegador més robust el Konqueror. Tant Firefox com Opera presenten algun problema encara.

Comentaris

Afegir un comentari


© Arnau Siches. a.css està sota Llicència Creative Commons.