si van a trabajar con layouts hagamos todos con <div>
veo que el amigo inforsol da en su ejemplo una estructura como esta...
Código HTML:
<div style="width: 3000px;">
<table width="100%">
<tr>
<td>CONTENIDO</td>
</tr>
</table>
</div>
no digo que este mal, es un buen consejo, solo que si trabajamos con el nuevo standar de maquetacion a base de <div> por que no hacer todo de esa forma y evitar las <table> si no es mas que para listar datos.
es solo una acotacion inforsol, no te enojes que demaciado sabes de esto!!
en el caso yo lo haria asi....
Código:
<body>
<div id="contenedor">
<div id="col1">
</div>
<div id="col2">
</div>
<div id="col3">
</div>
</div>
y este seria el css:
Código:
#contenedor {
width: 2400px;
height: 500px;
background-color:#009999;
}
#col1 {
float:left;
width: 800px;
height: 500px;
background-color:#990000;
}
#col2 {
float:left;
width: 800px;
height: 500px;
background-color:#330000;
}
#col3 {
float:left;
width: 800px;
height: 500px;
background-color:#cccccc;
}
fijate que he utilizado px fijos y no porcentajes en el ancho y alto para tener en cuenta las diferencias entre resoluciones, aqui en 800x 600 te entra la primer columna justo en 1024 ya se va un poco a la segunda. Pero esos trucos para dejarlo bien esta de tu lado.
El sitio que me mostraste esta con el fondo blanco y columnas ordenadas de texto que disimulan bien esto en caso de cambio de resoluci`n.
dejo todo a tu gusto y espero te sirba
aqui postie otra estructura tipo portal catalogo:
http://www.forosdelweb.com/f4/ayuda-con-tablas-por-favor-268763/