divs centrados, layout líquido

Buenas. Llevo mucho tiempo escuchándole a todo el mundo que es mejor trabajar con DIVS que con TABLAS y pues yo soy de vieja escuela donde todo era a punta de tablas. Así que muchos intentos de hacer los sitios con puros divs han resultado un problema. Pero esta vez sí quiero salir de algunas dudas básicas.

Normalmente con tablas para centrar una celda y que el fondo tuviera una imagen que se repitiera a lo ancho de la página se hace algo como esto:

Código :

<table background="imagen_repetible_en_x.jpg" align="center" width="100%">
   <tr><td width="100px">contenido de la celda de ancho fijo</td></tr>
</table>

Pero no he podido hacer lo mismo con los divs. Este es mi fallido intento.

A continuación adjunto una imagen que explica mejor lo que necesito:



Gracias de antemano.

Adrian

Hola, a simple vista, podrías probar a poner en el body o en un div que englobe todo (contenedor) una imagen de fondo que se repita en x :
CSS
div#contenedor {
background-image: url(../"fondo.gif");
background-repeat: repeat-x;
}

A parte para que se te quede centrado en contenido, en la capa contenedora de éste:

div#contenedor-del-contenido {
margin: 0 auto;
}

A parte de las propiedades que le quieras dar con ese debería funcionarte

Saludos

En los tutoriales hay uno especificamente de esto: http://www.cristalab.com/tutoriales/125/centrar-div-horizontal-en-css.html

Por otro lado, eso no es un diseño líquido, de hecho pones ahí "ancho fijo".

em.. sin queres causar conmocion te recomiendo que te consigas el Dreamweaver "trial 30 dias" y hagas pruebas con lo que dicen en el tutorial de CSS y vallas viendo que es que para le cojas el tiro al las div, luego veras que mucho mas facil. y eficiente