[Php-avanzado] Artículo sobre estandares W3C

[Facundo Corradini]

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/737a4aac/attachment-0001.htm