Poner cosas en distintos cuadrantes de la página, como si fueran frames

[un_tio]

Hola, me gustaría saber cómo lograr que por ejemplo pueda tener una tabla al lado izquierdo de la pantalla, que ocupe 2/3 partes, y en el tercio derecho, en forma de columna, que me cupiese más información.

O simplemente, poner dos columnas una al lado de la otra.

En concreto, me gustaría poder poner una tabla en la parte de arriba, y debajo de ella, dos columnas de datos distintos.

¿Cómo se pueden mostrar datos por pantalla así?

Una forma que se me ocurre es usando tablas, pero supongo que este método es poco elegante y estará desfasado estando el css con funciones más "chulas".

Saludos

[jesusbet]

supongo que lo que quieres es un layout de 3 columnas:
div1 | div2 | div3

bueno, eso lo puedes hacer:
<div id="uno"></div>
<div id="tres"></div>
<div id="dos"></div>

y la hoja de estilos:
#uno { float: left; width: 30%;}
#dos { margin-left 30%; margin-right: 30%;}
#tres { float: right; width: 30%;}

si puedes poner una imagen de la estructura que quieres, para ayudarte mejor.

[Durgeoble]

Código:

table { width: 60%; margin: 2%; padding: 1%; float: left;}

/* para las dos columnas */

.columnas { width: 46%; margin: 1%; padding: 1%; float: left;}

/* esto evitara algunos problemas al flotar */ 

br.limpia [ clear: both;}

Código HTML:

<div>
  <table>
	<tr>
	  <td>contenido</td>
	</tr>
  </table>
  <!--- aqui el contenido adicional a la tabla --->
  <br class="limpia" />
</div>
<div class="columnas">contenido columna 1</div>
<div class="columnas">contenido columna 2</div>
<br class="limpia" />