Frames Vs CSS Vs tablas

darchy · #1 (**permalink**) 02/08/2008, 09:02

Hola buenas!!!

Desde que lo he descubierto y hasta ahora, he diseñado todos mis engendros, digo.... paginas web usando css div y todo eso. Pero ahora me surge una duda, si quiero hacer una pagina del estilo de muchos blog, a ver si me explico.... 3 columnas, 1 a cada lado con enlaces, widgets y esas cositas, una central mas grandota donde sale la informacion principal (que se seleciona desde un menu superior) y un pie de pagina. Vamos, una pagina bastante cuadriculada.

Que es lo mejor?? las tablas parece que se ajustan muy bien (de hecho la estoy haciendo en tablas), aunque reconozco que estoy bastante peleada con ellas, con divs/css se me descoj### al cambiar de navegados/resolucion y frames, la verdad al principio abusaba de ellos y ahora los evito a toda costa.

Para futuros esperpentos-web que pueda hacer (o si cambio de idea respecto a este :P ), en este caso que sería lo más recomendable??

GRACIAS!!!!

RusO91 · #2 (**permalink**) 02/08/2008, 09:15

A mi me gusta hacerlas con tablas.

Mikmoro · #3 (**permalink**) 02/08/2008, 15:57

Si tienes intención de validar tu páginas, que sean lo más accesible posible, correctas con respecto a los estándares, etcétera, sin duda las cajas o divisores están hechos para maquetar estructuras. Las tablas son para presentar los datos tabulados, no para crear estructuras.

La estructura que comentas es bastante sencilla de hacer y que funcione bien en todos los navegadores, resoluciones de pantalla, etc.

Mira un ejemplo:

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
<head>
<title>darchy</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<style type="text/css">
* {margin:0;padding:0;}
html, body {height: 100%;}
#contenedor {width: 100%;height: 100%;
margin:0;
}
#col_der, #col_izq, #col_cen {height: 100%;}
#col_der {float: right; width: 200px;background-color: #f00;}
#col_izq {float: left; width: 200px;background-color: #f0f;}
#col_cen {background-color: #ccc;}
</style>
</head>
<body>
<div id="contenedor">
<div id="col_der"></div>
<div id="col_izq"></div>
<div id="col_cen"></div>
</div>
</body>
</html>

darchy · #4 (**permalink**) 06/08/2008, 07:44

Muchas gracias Mikmoro :) si es que con los "float" me lio bastante :P

por cierto, muy buena idea eso de poner un color "cantoso" a cada seccion, asi sabes donde esta cada cosa :D miestras estas montando la estructura de la pagina

desendoll · #5 (**permalink**) 06/08/2008, 07:53

yo también apoyo ala utilización de div, si quieres modificar tamaño, colores fuentes, e incluso ubicación es un momento.

Mikmoro · #6 (**permalink**) 06/08/2008, 07:58

Cita:

Iniciado por darchy

por cierto, muy buena idea eso de poner un color "cantoso" a cada seccion, asi sabes donde esta cada cosa :D miestras estas montando la estructura de la pagina

Me gusta poner fondos o bordes a todo para verlo claramente y luego eliminarlos. Incluso cuando hay problemas, suelo poner bordes y a veces descubres que algunas cosas no eran como pensabas.

Me alegro de que te haya servido.

Saludos.

jmanuelemus · #7 (**permalink**) 06/08/2008, 10:10

Exacto, yo tambien recomiendo el uso de DIV's. Al principio tambien estaba receloso con su utilización, pero he de decir que es mucho mejor maquetar con cajas que con tablas. Ya después de un tiempo te será lo más natural del mundo y veras que es más sencillo de hacer.

[NiRVaNa] · #8 (**permalink**) 06/08/2008, 16:36

Definitivamente CSS + Divs...

A mi me sirvio mucho esta pagina: http://www.thenoodleincident.com/tut...son/boxes.html

Y soy mas partidario del "position: absolute;" que de los "floats"

Deneb · #9 (**permalink**) 07/08/2008, 00:37

Sin duda te recomiendo CSS.