CSS vs Tablas

[Fallen Jehova]

que justificaciones? que ahorras bw? que google te rankea mejor? esas no son justificaciones son mentiras.

Si te gusta hacer un div y en otra pagina ubicarlo hacelo..mi opinion personal es que una tabla te hace lo mismo y puedo definirle el style tambien en un css, asi que la justificacion de que desde el css cambias el look de la pagina es otra gran mentira.. Como tambien decir que "ahh separo el contenido de la pagina" ok barbaro, pero para diseñar me da igual porque usando templates no pongo contenido en el html asi que no sirve de justificacion.

y encima usando tablas se hace mas rapido.

Por empezar no son mentiras, que son irrelevantes si, porque para el bw podés hacer mil cosas para que no joda. Que google te rankea no lo se, pero que te indexa mejor, seguro.

Que le podés poner css a una tabla igual que a un div nadie lo puso en duda. Que es más fácil es relativo, depende de los atributos de diseño que le quieras dar a la tabla.

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.

No entiendo porque saltás con lo de php e ie6 porque no tiene nada que ver.

[Lawrien]

Gracias a gente como vos nunca se avanzara en diseño, si seguis pensando como en el 96 todo quedara estancado, lo unico que falta es que sigan diseñando para 800*600.

Lo mejor?.. codear en bloc de notas el xhtml y sus div, luego usar firefox para diseñar todo el sitio en vivo.

Estás hablando de dejar de pensar como en la década del 90 y decís que lo mejor es codear en el bloc de notas... te das cuenta que no tiene sentido, no? Es como si dijeras que para hacer un soft lo mejor es programar con el debbuger en vez de usar un IDE.

Por empezar no son mentiras, que son irrelevantes si, porque para el bw podés hacer mil cosas para que no joda. Que google te rankea no lo se, pero que te indexa mejor, seguro.

Que le podés poner css a una tabla igual que a un div nadie lo puso en duda. Que es más fácil es relativo, depende de los atributos de diseño que le quieras dar a la tabla.

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.

Fallen, permitime que te quotee porque creo que tocás todos los puntos que se pueden poner en discusión sobre porqué conviene o no usar CSS para maquetar. Algunos "aceptando" que son cosas irrelevantes, y otro que no.

Ancho de banda: unas páginas más atrás hay un txt de 8MB que al bajarlo tarda menos de 1 segundo. ¿No es suficiente prueba que no tiene goyete poner esto como excusa?. En algún lugar mencionaron a Youtube como una de las páginas recientemente hechas en CSS... me van a decir que la hicieron en CSS por el ancho de banda, no? Tienen millones de videos de varios megas y servidores potentísimos para pasar on the fly los videos a fvl... y se van a preocupar por los 20KB que se pueden ahorrar con los divs? Por favor, seamos un poco realistas, un sitio con el tráfico de Youtube no usa CSS por el bw, lo usa porque es la moda y punto. Total, no les cuesta nada pagarle a 20 diseñadores a que lo codeen completamente en CSS. Y si nos enfocamos en sitios personales o con poco tráfico, la diferencia de bw es tan insifgnificante que da risa ponerse a pensar en codear todo de nuevo para ahorrarse 10MB de transfer mensual.

Rankeo en buscadores: alguien ya lo explicó en páginas anteriores, el tema del rankeo viene dado en un 90% por las metatags y posicionamiento del texto. En el caso particular del Google, pueden leer este documento que seguro les aclara un par de cosas http://www.google.com/intl/en/corporate/tech.html

Estilos de tablas: a esta altura supongo que todos tienen en claro que cuando hablamos de maquetar con tablas no estamos haciendo esto:

<table width="200" border="1" cellpadding="5" bordercolor="#000000" bgcolor="#333333">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

Sino esto:

<style>
.tabla1 {
	width: 200px;
	background-color: #333333;
	border: 1px solid #000000;
}
.padding {
	padding: 5px;
	border: 1px solid #000000;
}
</style>

<table class="tabla1">
  <tr>
    <td class="padding">&nbsp;</td>
    <td class="padding">&nbsp;</td>
  </tr>
  <tr>
    <td class="padding">&nbsp;</td>
    <td class="padding">&nbsp;</td>
  </tr>
</table>

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.

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.

[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 ^_^