CSS vs Tablas

[Sapukay]

En un codigo de 6 lineas no se puede ver las ventajas de nada, pero en varios cientos de lineas se nota.

Dejando de lado eso, usando capas hago lo mismo y en 2 segundos:

<div style="width: 200px; height: 100px; border: 1px; background: black;">
</div>

[Lawrien]

Ah bueno, si a vos te parece que un layer de 1x1 totalmente negro es igual a una tabla de 4 celdas, con padding, bordes en negro y fondo gris, ni vale la pena seguir discutiendo...



Y para colmo definiste las propiedades en el div... eso si es muchisimo más inmanejable que con tablas.

[Sapukay]

Si, es verdad, lo vi mal.

Pero seguimos en la misma, en un par de lineas no se pueden ver las ventajas o contras de nada.

Esto es como decir "Para que comprar una maquina nueva si con la actual c4 corre perfecto" Si, para 50 usuarios, para 1500 la cosa cambia. Aca es lo mismo, 50 lineas es una cosa, 1500 es otra.

En mi casa tengo 2 diseños iguales, uno hecho con tablas y otro con capas, si queres te lo subo y miras la diferencia.

[Lawrien]

Si, totalmente de acuerdo, ya sé que no se pueden sacar conclusiones con esas 10 líneas, pero lo que quería mostrar es que con tablas se puede maquetear bien de modo de que si querés cambiar algo sólo necesitás tocar la hoja de estilos, y teniendo la ventaja de que te asegurás que funciona en todos los navegadores.

Si querés posteá unos pedazos del código de cada una acá, la página completa no la pongas porque sería demasiado para leer ^_^

[Fallen Jehova]

Cuando tenés un diseño hecho de esa manera, modificarlo es tan fácil como con divs ya que lo único que hay que hacer es tocar la hoja de estilos. ¿Cuál es la diferencia? Que para crear esa tablita de 2x2 tardé 10 segundos y que estoy seguro que en todos los navegadores va a funcionar. ¿Eh? ¿qué estoy haciendo mal por utilizar una tabla para maquetar cuando en realidad son para tabular datos? ¿y eso quien lo dijo? Las tablas, los divs, las imágenes, son herramientas de diseño, y mientras que cumplan el propósito para el que se las está usando, y más aún, sin perjudicar la performance (no, no la perjudica), no tiene goyete discutir su utilización.

Lo único por lo que se aboga para usar div en vez de tablas es para poder establecer de una buena ves una organización semántica de la información, para que se pueda indexar correctamente y por ende la organización y búsqueda de la info sea eficiente.

Por un lado: cuando hablo de org. semántica me refiero a que la "clave" del tag corresponda al "valor" del tag. Digamos, si vos tenes <img>, esperas una imagen, ahora si tenes <table> deberían estar datos organizados en forma tabular, que es de hecho lo que estas haciendo cuando codeas layout con tablas, solo que la tabla no esta ahi para dar contenido, sino layout. Para dar layout y que los browsers, los bots que indexan y analizan las páginas puedan "entender" cuando algo es de layout y cuando es contenido, se crea el tag div y se recomienda su uso.

Ahora bien, en este thread, sino me equivoco, todas los que cuestionan el uso de divs plantean que beneficio le da usar al DISEÑADOR usar divs, en vez de tablas: Principalmente me parece mucho más flexible.
El ejemplo que vos diste es un layout puramente tabular, y es muy factible que sea más fácil armarlo con tablas que con otro elemento, pero yo estoy casi seguro que modificar ese diseño a otra cosa es mucho más molesto y que usando divs. Ahora mismo no puedo darte un ejemplo, pero ya tengo algo en mente. En cuanto me libere un cacho en el work veo si puedo armar algo (aunque no soy css freak, esa es isha =P ).

Soy bastante abierto en cuanto a nuevas formas de diseño y me gusta usarlas, pero sinceramente no veo ventajas para usar exclusivamente CSS en el maquetado de sitios. Lo mejor es lograr un balance y sacar provecho de todas las herramientas, que es a lo que apunto al utilizar tablas y formatearlas con estilos: compatibilidad, usabilidad, rapidez, vistosidad.

CSS es esencial, no usar CSS es duplicar y descentralizar la info de diseño. Entiendo que querrás decir no usar elementos de layout =P.

[Lawrien]

En cuanto me libere un cacho en el work veo si puedo armar algo (aunque no soy css freak, esa es isha =P ).

Isha vino, me quoteo y se fue... pfff... chiruza!

CSS es esencial, no usar CSS es duplicar y descentralizar la info de diseño. Entiendo que querrás decir no usar elementos de layout =P.

Si, a eso me refería ^_^

[devoreaux]

si todos fueran como yo todos uds se cagarian de hambre aguante paginas de puro texto sin una imagen con todos links a cosas importantes como descargas o similares XD

[[Hybrid]]

dejo un link divertido entre tanta discucion ^^


http://www.effectivetranslations.com...les/index.html

[Sauron]

como harian en css un valign de text en un bloque. digamos tenes un div de 30px de alto y un texto de 10px y queres que quede centrado verticalmente. No me salgan con line-height o padding. Que yo sepa no hay otra forma, porque vertical-align funciona solo con inline elements y usar valores absolutos (posicionamiento) es de retrasado mental.