[Php-avanzado] Artículo sobre estandares W3C

[Facundo Corradini]

Me faltó otro bug común:

5) el tamaño de las fuentes en IE.
IE interpreta lo que quiere de los tamaños de fuente en PX, por lo que se
debe recurrir a un hack para asegurarnos que todos los navegadores muestren
el mismo tamaño de fuente: poner el font-size del body en % y en los textos
manejarlos en em. Un font-size del 62.5% corresponde a 10px, por lo que lo
normal es usar esta medida como propiedad del body y medir en ems relativos
los textos: por ejemplo, 1.2 em para 12px, 1.4em para 14 px, etc.

Con esas cinco cositas se ahorran meses de locura.

saludos!

El 18 de septiembre de 2008 1:56, Facundo Corradini <
facundocorradini en gmail.com> escribió:

> Hola,
>
> Lo del target _blank se decidió quitar porque llegaron a la conclusión de
> que es el usuario y no el webmaster el que debe decidir cuándo abrir una
> página nueva. Y tienen toda la razón. Lo de las tablas, para el que sabe
> hacerlo es mucho más rápido y facil maquetar en divs. La única razón para
> defender las tablas es no querer aprender. Pero cuidado, que no se te escape
> la tortuga...
>
>
> Por lo general todos los navegadores siguen "bien" los estándares, menos
> IE6 que es la pesadilla de todo diseñador/programador que quiera maquetar
> como se debe.
> Pero cuando uno le aprende las locuras más comunes, entonces una
> maquetación XHTML y CSS se vuelve cuestión de minutos, y es mucho más rápida
> y efectiva que la maquetación en tablas. Hoy enseñé a un junior a maquetar
> en menos de media hora...
>
> Un artículo que me encanta al respecto:
> http://www.effectivetranslations.com/stupidtables/
>
> Para aquellos que quieran maquetar como se debe (y por lo tanto, hacer
> mejores websites,  más accesibles, más usables, más rápidos para renderizar,
> y en consecuencia, mejor comercializables)  puedo dejarles un par de
> consejos sobre los dolores de cabeza más comunes:
>
> 1) Diferencias en los valores predeterminados de las propiedades entre los
> distintos navegadores:
> Cada navegador tiene establecidas distintos valores default para cada
> propiedad. Para evitar aquellas molestas diferencias de 1px entre navegador
> y navegador, lo mejor es usar un "reset" al comienzo del CSS. Ejemplo:
> http://cssforlunch.com/reset-styles/
>
> 2) div "padre" que no se adapta al alto de los otros divs que flotan en su
> interior.
> El error más común entre gente que se acaba de dar cuenta que existen otros
> navegadores. Cuando un elemento solo tiene adentro otros elementos
> flotantes, su altura queda seteada en cero, por lo que solo se ve una línea
> (como si hubiera un "renglón" vacío). Eso se soluciona con clears en el div
> siguiente.
>
> 3) PNGs transparentes en IE6.
> Normalmente, el madito IE6 hace cualquier payasada con un PNG transparente.
> Para poder usarlo, hay que recurrir a scripts, como
> http://cssforlunch.com/easy-png-transparency-for-ie6/
>
> 4) "bug del doble margen" en IE
> Algo inexplicable, pero para los elementos flotantes IE duplica el ancho
> del margin, lo que causa normalmente que un elemento se ubique debajo del
> otro en lugar de hacerlo al lado. Para evitarlo, se debe agregar la
> propiedad "display: inline" a cada div flotante.
>
>
> Esos son los bugs más comunes, y que una vez dominados, hacen que la
> maquetación sea cuestión de horas.
>
> Realmente les recomiendo que empiecen a pensar en XHTML 1.0 strict (por
> dios, no usen transicional..) y CSS 2. Ojalá algún día podamos empezar a
> pensar seriamente en HTML 5 y CSS 3, que tienen propiedades realmente
> excelentes pero que no podemos aplicar debido a que el peor navegador sigue
> teniendo la mejor cuota de mercado....
>
> saludos!
>
> El 18 de septiembre de 2008 0:17, unes pacio <unespac en gmail.com> escribió:
>
>> Yo soy de lo que pensaban que IE era una porqueria, porque no respetaba
>> los estandares y complicaba las cosas para los diseñadores, pero viendo un
>> poco mas sobre el tema * encontre que nadie los respeta y que sentido tiene
>> validar tanto codigo si despues el navegador hace lo que quiere, mas ahun
>> cuando en algunos casos lo nuevo es peor que lo viejo. la maquetacion con
>> div's es mas complicada que con los tables por mas que digan lo contrario, y
>> en xhtml nos quitaron el target="_blank" ¿para que?? a mi me gustaba, asique
>> no exajeremos, las reglas estan para romperlas y por mas que nuestro codigo
>> sea limpio cada navegador lo va a mostrar a su manera, que no siempre sera
>> como nosotros lo pensamos, asique mejor ser empiristas y en ves de validar
>> codigo provar como quedan las cosas con tres o cuatro navegadores distintos.
>>
>> Lucas.
>>
>> *   http://browsershots.org/http://acid3.acidtests.org/
>> *   http://www.acidtests.org/
>>
>>
>>
>> _______________________________________________
>> Php-avanzado mailing list
>> Php-avanzado en pato2.fi.mdp.edu.ar
>> http://www3.fi.mdp.edu.ar/cgi-bin/mailman/listinfo/php-avanzado
>>
>
>
------------ próxima parte ------------
Se ha borrado un adjunto en formato HTML...
URL: http://www3.fi.mdp.edu.ar/cgi-bin/mailman/private/php-avanzado/attachments/20080918/e7f00787/attachment.htm