Almirante: Es tal cual como dice Federico: el doctype es absolutamente necesario para que el navegador identifique de qué tipo y versión de documento se trata, y dependiendo de eso cómo debe interpretarlo. Si bien no es su función, algunos navegadores usan el doctype para elegir entre dos modos de interpretar el box-model, uno correcto y otro incorrecto; éste último, para mantener compatibilidad con sitios desarrollados no acorde a los estándares.
Y para evitarle confusiones a aquellas personas que todavía no manejen con cierta comodidad el concepto de BoxModel ideado por la W3C, va aquí un ejemplo: (espero que no tenga errores, si los tiene, avisen por favor) http://www.lucasmourelle.com.ar/box_model/ ...y un par de puntos importantes a tener en cuenta: - la propiedad height NO INCLUYE las medidas de: padding-top, padding-bottom, border-top, border-bottom. - la propiedad width NO INCLUYE las medidas de: padding-left, padding-right, border-left, border-right. Por lo tanto, lo que el Sr. Admirante adjudica como un bug de Firefox es —en realidad— la manera CORRECTA de interpretar código CSS. Y, como bien dice Federico, es la misma manera de interpretar que utiliza el Internet Explorer 6 (o superior) si el archivo tiene un Doctype moderno. Uno puede pensar que la manera en que se pensó el asunto de las medidas de ancho y alto del box-model no es la más intuitiva. Al principio resulta un poco rebuscada, pero con el tiempo uno va notando que no es un problema. Simplemente hay que recordar que si uno desea que el borde de una caja mida, de lado a lado, 100 px, habrá que escribir el width restando el borde de ambos lados, y el padding de ambos lados... por ejemplo: SI QUIERO QUE LA SIGUIENTE CAJA MIDA 100 px. DE BORDE A BORDE... tal que: #caja{ padding: 10px; border: 2px solid #FF0000; } ENTONCES EL WIDTH DEBERÁ SER = 100 - 10 - 10 - 2 - 2 #caja{ padding: 10px; border: 2px solid #FF0000; width: 76px; } De esta manera, el área donde "vive" el contenido mide 76px de ancho, pero sumando el padding y los bordes la caja queda con un total de 100px de ancho. ...espero que sirva a quienes no utilicen mucho CSS. saludos, Lucas -- =============================== LucasMourelle - desarrollos rgb =============================== 6343-1705 // 15-5052-1468 [EMAIL PROTECTED] =============================== Federico Santoalla wrote: > Estimado Almirante, paso a contestarte: > > El 30/10/06, LISTAS<[EMAIL PROTECTED]> escribió: > >> Querido Federico: un código bien interpretado no debería requerir >> necesariamente un DOCTYPE cuando el comportamiento que de él se espera sea >> obvio, genérico y estándar. El color "red" es común a todo navegador y >> ninguno lo interpretaría como "green". >> >> > > ¿Adivina qué? Para que cualquier agente de usuarios (Navegador o > cualquier cosa que lea el html) se entere de como tiene que > interpretar es documento es necesario poner un DOCTYPE. ¿Adivina que > significa? Tipo de documento. En el se identifica la versión HTML > (HTML 4.01 / XHTML 1.0 /etc) y el modo de tratarlo > (estricto/transicional). > Lo del DOCTYPE estricto te lo digo porque de esta manera IE6 > interpreta de manera correcta (correcta porque es lo que dice W3C) el > modelo de cajas. > > Y por favor, no cierres el tema porque para aquel que esta aprendiendo > queda confuso. Esto no es un BUG y sería útil para aquellos que se > inician en el diseño basado en estándares que reconozcas tu error. > > Un Abrazo. > Federico > _______________________________________________ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > > _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
