Hola, 
he diseñado una página web para un amigo músico, pero todo el diseño está insertado en tablas, sería mejor utilizar divs? La veradad es que me gusta como ha quedado el diseño (modestia aparte ¬¬) pero me gustaría saber más sobre enriquezer Css, hacerla más "fluida" o seprar "diseño de texto"
Esta es la web en cuestión:





Muchas gracias. 

Pues yo prefiero las Divs, me permiten cambiar todo el diseño con solo tocar el CSS(colores, fuentes y posición de las capas), usa google
pero aqui hay un enlace que te dara una idea.
http://www.desarrolloweb.com/articulos/1823.php

He canviado una de mis páginas todo al sistema div/css y la verdad la sensación que me ha dado ha sido la de organización y el diseño no se ha resentido nada. Me has convencido, gracias por todo; aunque los sectores los dejo en una tabla la cual meto en una div...esto está bien? utilizo mucho el diseño mediante sectores y imágenes de substitución...

Gracias

Hola, después de aprender la respuesta a la pregunta de este topic del cual soy autor, tengo aún algunas dudas. Estoy cambiando toda mis webs a css/div's pero se basan en diseños hechos con photoshop: imágenes desfragmentadas (sectores) las cuales se utilizan como imagnes de substitución que harán de menu, email...

Mi pregunta es como aplicar a esto el concepto css/div sin renunciar a ello.
Este es un ejemplo de la solucón que yo he buscado:

BODY

Muchas gracias
He estudiado el esquema y lo he intentado aplicar:
Hoja CSS
DIV {text-align:center; margin:auto;}

div.table{ padding:0px; width:811px; overflow:auto; clear:none}
div.tr{padding:0px; width:811px; display:inline-table;}
div.td{padding:0px; width:1%; display:inline;}

BODY
<div class="table">
  <div class="tr"> 
      <div class="td"><img src="images/menu_01.gif" width="119" height="29" alt="menua"></div>
      <div class="td"><a href="news.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('news','','images/news_b.gif',1)"><img src="images/news.gif" name="news" width="70" height="29" border="0" alt="news"></a></div>
    </div>
</div>

Pero! Dreamweaver aparce todo bien , pero tanto en IE como En Mozilla paarezen las imásgens separadas algunas incluso en una segunada fila. Por que?

pd: Que diferencia hay en tre poner un capa un id y un class?

Gracias

ID es un identificador, y por tanto debe ser único en toda la página... sirve para referirte a un elemento concreto y poder interactuar con el.

CLASS es el nombre de una clase, define propiedades comunes a varios elementos.

Y a lo referente en la aplicación de tu código css? No concisgo adivinar por que las imásgens quedan separadas, he revisado todos los padding no onsigo adivinarlo...

Instala la extensión web developer toolbar y usa la opción de editar el css para tratar de averiguarlo.