CSS - Mètodes per que les capses es vegin igual als diferents navegadors


PROBLEMA: DIFERENT FORMA DE REPRESENTAR L'AMPLADA I L'ALÇADA DE LES CAPSES.

Els navegadors Internet Explorer, si més no fins la versió 7, fan servir el model Quirk. Per tant en aquests consideren que l'amplada va de vora a vora. En canvi els Mozilla consideren que l'amplada va de farcit a farcit.


Observeu com representen els navegadors el codi següent(Clica a la imatge per ampliar):






SOLUCIÓ 1: Especificant el Doctype, just abans del començament de la etiqueta HTML, que volem que faci servir. Les versions anteriors de l'Internet Explorer 6 encara no estaven programades per acceptar aquesta especificació.






SOLUCIÓ 2:
Observeu una altra solució més universal tot i que aparentment més matussera. Clica a la imatge següent per ampliar: