¿Es adecuado el uso de tablas en el diseño web?

RobertoP2012 Seguir

Programador
No recomendado
Desde
25 Oct 2012
Mensajes
445
Buenas a todos! Siempre esta eso de que no se deben usar tablas y si divs, nunca tuve la necesidad de usar tablas para el diseño web pero en este caso se me resulto mostrar el contenido en tablas y divs adentro que hacer todo con divs. Esto esta mal?

Dejo el codigo:

Insertar CODE, HTML o PHP:
<!DOCTYPE html>
<html>
	<head>
		<link href="css/style.css" rel="stylesheet" type="text/css">
	</head>

	<body>
		<header>
			<table id="top">
				<tr>
					<td id="logo">
						<div class="left-header">
							<a href="#" title="Ir a inicio" title="Ir a inicio"><img src="img/logo.png" /></a>
						</div>
					</td>

					<td id="espacio">
					</td>

					<td id="user">
						<div class="right-header">
						</div>
					</td>
				</tr>
			</table>
		</header>

		<div id="page">
			<table id="content">
				<tr>
					<td id="left" valign="top">
						<div class="left-sidebar">
							Left sidebar
						</div>
					</td>

					<td id="middle" valign="top">
						<div class="middle-content">
							Middle
						</div>
					</td>

					<td id="right" valign="top">
						<div class="right-sidebar">
							Right sidebar
						</div>
					</td>
				</tr>
			</table>
		</div>

		<div style="clear: both;"></div> <!-- Clear the float -->
		
		<footer>

		</footer>
	</body>
</html>

Resumiendo, mi pregunta es: Es correcto usar tablas para el diseño web?

Se que hacen mas lenta la carga pero en este caso tengo duda porque la uso para especificar solo ubicación y después uso div.
 
Última edición:

arkam

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
21 Jul 2013
Mensajes
35
más que nada tengo entendido que el uso de tablas ademas de complicar la lectura del código, la edición del estilo y la maquetacion en general, provocan cierta dificultad de google para comprenderlo por lo que afecta la indexación.

ademas las tablas fueron hechas solo para mostrar contenido tabular... otro uso se podría considerar el equivalente web a una falta de ortografía grave.
 

RobertoP2012

Programador
No recomendado
Desde
25 Oct 2012
Mensajes
445
más que nada tengo entendido que el uso de tablas ademas de complicar la lectura del código, la edición del estilo y la maquetacion en general, provocan cierta dificultad de google para comprenderlo por lo que afecta la indexación.

ademas las tablas fueron hechas solo para mostrar contenido tabular... otro uso se podría considerar el equivalente web a una falta de ortografía grave.

Yo también tenia entendido eso, pero no encontraba otra forma. Gracias!

---------- Post agregado el 29-ene-2014 hora: 15:32 ----------

La mejor opción que podrías tener en cuenta para este caso, es tratar los divs como tablas.
Hace algunos días tuve un problema para ajustar unas cajas y lo solucioné perfectamente leyendo este artículo y similares:
Tablas Css. Display: table y asociadas. Su oportunidad en el responsive design | KsesoCss

Me salvaste la vida! Hice todo de nuevo con divs usando display: table, display: table-row y display: table-cell Muchas gracias!!
 

FMercury

Gamma
Desde
10 Jun 2012
Mensajes
437
Yo también tenia entendido eso, pero no encontraba otra forma. Gracias!

---------- Post agregado el 29-ene-2014 hora: 15:32 ----------



Me salvaste la vida! Hice todo de nuevo con divs usando display: table, display: table-row y display: table-cell Muchas gracias!!

Si...
Casi nadie utiliza eso en el diseño... Pero una vez las conoces te pueden ayudar a solucionar muchos problemas :).
 

asantolaya

Gamma
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
13 Abr 2010
Mensajes
404
De nada. :-D la verdad es que dejarlo con 0 errores suele ser muy complicado. Es bastante quisquilloso.
 

Marty McFly

Alfa
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
1 Dic 2013
Mensajes
26
Me salvaste la vida! Hice todo de nuevo con divs usando display: table, display: table-row y display: table-cell Muchas gracias!!

Roberto, estás en casi casi la misma si ponés divs y terminás usando CSS orientado a tablas!

Sería bueno que leas más acerca de las formas que hay en CSS para posicionar elementos y demás, no sólo es útil sino muy interesante. En general, si necesitás usar display: table para algo, es porque algo está andando mal...
 

arkam

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
21 Jul 2013
Mensajes
35
de hecho ahora me entro la duda. como quieres la maquetacion que resulta más sencillo hacerlo con tablas que con divs con diferentes displays según convenga?
 

RobertoP2012

Programador
No recomendado
Desde
25 Oct 2012
Mensajes
445
Roberto, estás en casi casi la misma si ponés divs y terminás usando CSS orientado a tablas!

Sería bueno que leas más acerca de las formas que hay en CSS para posicionar elementos y demás, no sólo es útil sino muy interesante. En general, si necesitás usar display: table para algo, es porque algo está andando mal...

Marty, se CSS no soy profesional pero se, pero no encontraba la manera de hacerlo a no ser que usara tablas, estas seguro que es posible hacer lo que quiero sin tablas?

---------- Post agregado el 01-feb-2014 hora: 02:23 ----------

de hecho ahora me entro la duda. como quieres la maquetacion que resulta más sencillo hacerlo con tablas que con divs con diferentes displays según convenga?

A mi parece que es lo mismo jaja pero igual como dicen que cambia en el seo y eso
 

dogo

Zeta
Marketing
Desde
17 Ene 2014
Mensajes
1.511
No es considerado una buena práctica usar tablas para diseño web ya que no estarías separando el marcado del diseño, la idea de usar div es hacer una marcado semántico que los buscadores puedan leer fácilmente y por otro lado puedas cambiar el diseño con facilidad mediante estilos css y más aún con html5 y css3.
 

maquinita

Beta
Diseñador
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
1 May 2013
Mensajes
64
Yo uso siempre <div> es más facil para mi parecer no sé la verdad en que complicaría ya que tengo un internet rápido no veo la diferencia si carga rápido o lento :ambivalence:
 

kavorka

Beta
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
3 Dic 2013
Mensajes
63
Como ya dijeron más arriba la idea del uso de divs y de un tiempo a esta parte de HTML 5 es que el markup sea semántico es decir que describa lo más posible la función que tiene el contenido dentro de tu página.
En teoria a esta altura ya no deberiamos usar ni CSS no semantico sino usar las etiquetas HTML como aside, footer, nav, article etc.
 

bertocoder

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
17 Feb 2014
Mensajes
41
No se deberian utilizar tablas para maquetar, como ya dijeron es solo para contenido tabulado, has provado a utilizar un grid? puedes empezar por 960 Grid System
pero hay muchos por probar y sino siempre peudes fabricaret el tuyo, ;)
 

deqk

Alfa
Programador
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
18 Oct 2009
Mensajes
21
Desde mi experiencia te puedo recomendar no hacer el diseño con tablas. Trabaja con css y sus respectivos márgenes etc, las tablas aveces marean y complican la re-lectura de tu propio código.
 

Koletta

Dseda
Verificación en dos pasos activada
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
10 Dic 2012
Mensajes
1.128
Si, se supone que las tablas están desfasadas y que no deberían utilizarse en la Web 2.0 pero con los divs a veces te entran ganas de reventar algo:mad:... Y las tablas canalizan toda esa ira:welcoming:
 
Última edición:

Chakal01

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
1 Ene 2013
Mensajes
34
Si, se supone que las tablas están desfasadas y que no deberían utilizarse en la Web 2.0 pero con los divs a veces te entran ganas de reventar algo:mad:... Y las tablas canalizan toda esa ira:welcoming:

LOL me hicistes reir. :welcoming:

Ahora al amigo del tema el uso de tablas ya no se usa, mientras más practiques lo de los DIVs veras que es mejor.
 

Koletta

Dseda
Verificación en dos pasos activada
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
10 Dic 2012
Mensajes
1.128
LOL me hicistes reir. :welcoming:

Ahora al amigo del tema el uso de tablas ya no se usa, mientras más practiques lo de los DIVs veras que es mejor.

Jajaja. Ya, yo solo utilizo tablas si no me queda otra pero no suelo hacerlo. Lo baso todo en DIVs. Cuanto antes se acostumbre uno a su uso... mejor.
 
Arriba