Foros del Web » Creando para Internet » Diseño web »

Duda sobre maquetación Web

Estas en el tema de Duda sobre maquetación Web en el foro de Diseño web en Foros del Web. ¿Es mejor maquetar con divs (capas) o maquetar con tablas? Nada el otro dia me digeron que maquetar con tablas esta desfasao, pero es que ...
  #1 (permalink)  
Antiguo 28/09/2009, 06:38
 
Fecha de Ingreso: diciembre-2007
Mensajes: 149
Antigüedad: 10 años
Puntos: 1
De acuerdo Duda sobre maquetación Web

¿Es mejor maquetar con divs (capas) o maquetar con tablas? Nada el otro dia me digeron que maquetar con tablas esta desfasao, pero es que si maqueto con divs el problema ya sabeis que cada navegador lo interpreta como quiere. Me gustaría saber si sabeis de un sitio que ponga cual método es mejos y sus ventajas y desventajas y tal gracias gente o por lo menos vuestra experiencia.
  #2 (permalink)  
Antiguo 28/09/2009, 07:46
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 9 años, 4 meses
Puntos: 1530
Respuesta: Duda sobre maquetación Web

al contrario, marquetar con div garantiza mayor compatibilidad con los navegadores, el problema como siempre es el IE, para eso existen técnicas para "limpiar los floats", la mas usuales:

en el contenedor:

overflow:auto o hidden //me ha funcionado con Firefox, Ie, chrome y safari
height: 1%; //funciona en la mayoría

ejemplo:
(no recuerdo exactamente de donde lo saqué)
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
<style>
#contenedor {
  border: thick solid #000;
  padding:4px;
  /*Correccion avanzada:*/
  overflow: hidden; /*auto también funciona*/
  
  height:  1%;/*SOLUCION FINAL TODOS LOS EXPLORADORES VÄLIDA*/
}
 
#izquierda {
  float: left;
  width: 40%;
  border: 1px solid blue;
}
 
#derecha {
  float: right;
  width: 40%;
  border: 1px solid red;
}

/* TECNICAS PARA EXPLORER 6 E INFERIOR:
 /* Funciona correctamente con cualquier navegador 
#contenedor {
  border:   thick solid #000;
  overflow: hidden;
  width:    100%;
}
 
/* Funciona correctamente con cualquier navegador 
#contenedor {
  border:   thick solid #000;
  overflow: hidden;
  height:   1%;
}
 
/* La propiedad zoom no es parte del estándar CSS, por lo
   que esta hoja de estilos no validaría 
#contenedor {
  border:   thick solid #000;
  overflow: hidden;
  zoom:     1;
}
 
/* El truco del guión bajo delante de las propiedades CSS sólo
   lo interpreta correctamente la versión 6 de Internet Explorer 
#contenedor {
  border:   thick solid #000;
  overflow: hidden;
  _height:  1%;
}
 
 */
 </style>
</head>

<body>
<div id="contenedor">
  <div id="izquierda">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis molestie turpis vitae ante.</div>
  <div id="derecha">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla bibendum mi non lacus.</div>
 
 <!-- CORRECCION SIMPLE <div style="clear: both"></div> -->

</div>
</body>
</html> 
  #3 (permalink)  
Antiguo 28/09/2009, 08:36
Colaborador
 
Fecha de Ingreso: diciembre-2005
Mensajes: 2.899
Antigüedad: 12 años
Puntos: 281
Respuesta: Duda sobre maquetación Web

Te voy a contestar de forma muy resumida. Desde hace unos años, las tablas a la hora de maquetar han muerto.
No se si todavía hay gente que las utilice. El año pasado estuve en una entrevista con una empresa que seguían trabajando con tablas, pero vaya, no es lo recomendable.

Además las css, te dan muchas más opciones a la hora de maquetar. Una vez las controles, claro. ;)
__________________
Diseño y posicionamiento de paginas web Diseñador web freelance
Sigueme en Google Plus
  #4 (permalink)  
Antiguo 28/09/2009, 08:49
 
Fecha de Ingreso: julio-2009
Mensajes: 28
Antigüedad: 8 años, 5 meses
Puntos: 0
Respuesta: Duda sobre maquetación Web

Hola,

Bueno si hay gente que sigue trabajando con tablas, pero por experiencia propia son un dolor de cabeza al tratar de cuadrarlas para que queden bien en diferentes navegadores, y a mi parecer, mas lentas de cargas.

En cambio, si trabajas con divs y css el trabajo es muchísimo más cómodo, rápido y adaptable a los diferentes navegadores una vez le agarras el truco. A mi me tocó migrar cantidad de páginas de tablas a css y de verdad que css es mucho mejor.
  #5 (permalink)  
Antiguo 28/09/2009, 09:25
 
Fecha de Ingreso: diciembre-2007
Mensajes: 149
Antigüedad: 10 años
Puntos: 1
Respuesta: Duda sobre maquetación Web

Perfecto lo que pasa que yo e estado maquetando pero manejo CSS pero no sabia lo de la maquetacion por divs bueno ya e apredido, algo si teneis manuales o algo por el estilo agradeceria mucho que lo dijerais o alguna lectura gracias muchas gracias.
  #6 (permalink)  
Antiguo 28/09/2009, 16:16
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Duda sobre maquetación Web

Hola:

En la página www.librosweb.es tienes un par de manuales de CSS. Te ayudarán.

Saludos.

Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 2 personas




La zona horaria es GMT -6. Ahora son las 11:13.