Como alinear en el centro mi web?

Hola a tod@s!

Llevo un par de meses intentar hacer un nuevo diseño para mi página web con CSS y capas (la interior la hice modificando página por página y era interminable :( )

El problema que tengo es que saque el diseño a través de una web y la estoy reformando a mi gusto y no hay manera de centrarla en medio de la pantalla, me queda al lado izquierdo y mucho espacio en el otro lado.

El diseño consta de un header, donde pongo una imagen y desde donde marco links a través de zonas interactivas, y luego tres columnas: la central, de mayor tamaño para poner el contenido de cada página, la derecha, donde pongo las secciones con los enlaces directos a ellas y la de la izquierda, donde podré las updates o últimas noticias.

[contenido no disponible]

A parte del problema de alinear en el centro, tengo los siguientes:

- Cómo hago para que la columna de la izquierda, updates, tenga un tamaño de largo diferente en función de lo que vaya poniendo (ahora, por mucho contenido que ponga, se alargan todas por igual. En principio, la parte del body tiene colores de fondo en función de cada columna a través de un .png. Es por eso que se alargan las columnas por igual.

- Cómo hago para que el contenido de esta columna, updates, se me actualice en todas lás páginas y no tener que ir añadiendo una por una las novedades que vaya poniendo.

- Ahora el header y la parte del body tienen 768 pix de ancho, si lo cambio a 690, que seria lo que me gustaría que hiciera, se me descompensa el header aunque intente reducir las columnas para dividir los 690 en tres partes (dos de ellas más pequeñas y la otra la suma de las dos)

Muchas gracias por vuestra ayuda
Danos los códigos del html y del css y te decimos lo que debes cambiar para que quede como tú quieres
la hoja CSS es la siguiente:
* { padding: 0; margin: 0; }
body {font-family: Verdana, Helvetica, sans-serif; font-size: 13px; background:#57422F;}
#wrapper { margin: 0 auto; width: 922px;}
#faux { background:url(JSP.png);margin-bottom: 10px; overflow: auto; width: 100%}
#header { color: #333; width: 902px; padding: 10px; height: 230px; margin: 10px 0px 0px 0px;
background:#57422F;}
#leftcolumn { display: inline; color: #333; margin: 10px; padding: 0px; width: 195px; float: left;}
#content { float: left; color: #333; margin: 10px 13px; padding: 0px; width: 460px; display: inline;
position: relative;}
#rightcolumn { display: inline; position: relative; color: #333; margin: 10px 10px 10px 0px;
padding: 0px; width: 190px; float: right;}
#footer { width: 902px; clear: both; color: #333; background: #54422C; margin: 0px 0px 10px 0px;
padding: 10px;}
.clear { clear: both; background: none; }

La index.html es

<title>Jodie Sweetin Place</title>
<link rel="stylesheet" type="text/css" href="main.css" />
<style type="text/css">
<!--
a:link { color: #000000; font-weight: bold; text-decoration: none;}
a:visited { text-decoration: none;}
a:hover { text-decoration: underline;}
a:active { text-decoration: none; color: #54422C;}
</style></head>

<body>


<div id="wrapper">


<div id="header">

<div align="center">[contenido no disponible]
<map name="Map" id="Map">
<area shape="rect" coords="20,174,107,212" href="Home.html" target="_self" alt="Home" />
<area shape="rect" coords="109,174,184,210" href="Info.html" target="_self" alt="Info" />
<area shape="rect" coords="198,176,306,214" href="Gallery.html" target="_self" alt="Gallery" />
<area shape="rect" coords="313,177,410,212" href="Media.html" target="_self" alt="Media" />
<area shape="rect" coords="425,176,545,212" href="archives.html" target="_self" alt="Archives" />
<area shape="rect" coords="564,173,648,214" href="links.html" target="_self" alt="" />
</map>

</div>
</div>



<div id="faux">


<div id="leftcolumn">
<div align="center">
<p align="left">[contenido no disponible]
</p>
<p align="justify"> </p>
</div>
</div>



<div id="content">



[contenido no disponible]



</p>


<u>- September 14th 2007 -</u></p>
</div>





<div id="rightcolumn">
<p align="left">[contenido no disponible]</p>


Facts</p>


Biography</p>


Filmography</p>


Projects</p>


Speaker</p>


Events</p>


</p>
<p align="left">[contenido no disponible]</p>


Site info</p>


Archives</p>


Links</p>


Contact </p>


</p>


</p>


</p>







</p>
</div>


</div>


</div>

</body>
</html>
Para alinear la página en el centro prueba a poner en el wrapper de la hoja de estilos lo que está en rojo:
#wrapper { margin: 0px auto; width: 922px;}
pero es raro que no te aparezca centrado, ahora te escribo mas para lo demas
Para que el contenido de updates se te actualice en todas las páginas y no tengas que ponerlo una a una te aconsejo el buscar y reemplazar del dreamweaver
La verdad es que no sé que más decirte, porque con ese código no consigo ver nada en mi ordenador. Si no funciona lo que te dije antes me avisas.
Saludos, Juanma
Muchas gracias a todos por vuestras rápidas respuestas.

He probado todo lo que me habeís dicho (incluso el text-align center :wink: ) pero cuando le doy al f12 para verlo en el explorador solo me sale la pantalla del color que he fijado como fondo, no sale ni la imagen, ni los diferentes apartados... Lo estoy haciendo con el dreamweaver... En cambio las otras páginas conectadas a la hoja de estilos me salen como al principio, ajustadas a la izquierda :?
Hola

sube al servidor lo que tengas hecho y danos la url para verlo

tal vez encontremos el error

saludos
Gracias de nuevo por vuestra ayuda.
Estos dias he estado trabajando en ello y arreglando el margin y el tamaño de los divs he conseguido más o menos lo que quería de momento.

Ahora estoy intentando subir la web con iespana (ya tenía otra con ellos) y no hay manera que se vea nada, sólo el fondo del color que he escogido pero ni rastro del banner o de los divs... :cry:
Y eso que he seguido los mismo pasos que con la anterior... Lo he intentado con razyhosting pero no se como subirlos (si, ya se que esta consulta va en otro apartado... pero de momento voy probando hasta que realmente no lo consiga)

Gracias
Podrías darnos el enlace para ayudarte mejor y decirte que es lo que pasa.
Saludos, Juanma
En efecto he visto que no he visto nada, pero una pregunta, ¿en tu ordenador se ve? porque yo lo copio en una página del mío y tampoco se ve nada aún con la hoja de estilos.
Hola Jugoncan!

Lo tengo en una carpeta desde la cual modifico los archivos con dreamweaver. Si le doy a las páginas .html creadas me salen en el explorador (utilizo el maxthon) y se me ven perfectas, alineadas en el centro. Si lo hago con el explorador que tengo definido en el dreamweaver me salen alineadas a la izquierda de la pantalla. Y si la cuelgo, no sale nada.

Hasta ahora en el dreamweaver modifica los archivos en misitio en la vista local y los colocaba en la vista remota y, enseguida los subia a iespana publicando. Pero ayer se me ocurrió hacerlo mediante FTP ( y ahí viene mi ignorancia, no se si se modifican directamente desde la carpeta que tengo en mis documentos o cuando abro el ftp donde lo tengo alojado)
He estado probando, y he conseguido que se vea algo. Crea una copia de seguridad y prueba poniendo el código html así a ver que tal:


<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Jodie Sweetin Place</title>
<link rel="stylesheet" type="text/css" href="main.css" />
<style type="text/css">
<!--
a:link { color: #000000; font-weight: bold; text-decoration: none;}
a:visited { text-decoration: none;}
a:hover { text-decoration: underline;}
a:active { text-decoration: none; color: #54422C;}
</style></head>

<body>
<div id="wrapper">
<div id="header">
<div align="center">[contenido no disponible]
<map name="Map" id="Map">
<area shape="rect" coords="20,174,107,212" href="Home.html" target="_self" alt="Home" />
<area shape="rect" coords="109,174,184,210" href="Info.html" target="_self" alt="Info" />
<area shape="rect" coords="198,176,306,214" href="Gallery.html" target="_self" alt="Gallery" />
<area shape="rect" coords="313,177,410,212" href="Media.html" target="_self" alt="Media" />
<area shape="rect" coords="425,176,545,212" href="archives.html" target="_self" alt="Archives" />
<area shape="rect" coords="564,173,648,214" href="links.html" target="_self" alt="" />
</map>

</div>
</div>
<div id="faux">
<div id="leftcolumn">
<div align="center">
<p align="left">[contenido no disponible]
</p>
<p align="justify"> </p>
</div>
</div>
<div id="content">
[contenido no disponible]

<div align="left">
<p align="justify"><u>-October 6th, 2007 - </u></p>
<p align="justify">Jodie has started her speaks about her recovery from drugs and alcohol in diferent colleges and universities around the country. The first was on october 1st at University of Winsconsin- Eau Claire More information ... </p>
<hr width="300" size="2" />
<p align="justify"><u>- October 2nd 2007 - </u></p>
<p align="justify">Jodie Sweetin at BabyLOVE event </p>
<p align="justify">By Sarah, CBB News Editor </p>


Actress Jodie Sweetin , 25, may not be showing much yet, but wants people to know there's a baby in there! She arrives at the second annual BabyLOVE benefit for the March Of Dimes at the Beverly Hilton Hotel held on September 29th in Los Angeles, CA. Jodie and her husband Cody announced their pregnancy earlier this month . </p>


Source: Celebrity baby Blog </p>
<p align="justify">[contenido no disponible][contenido no disponible]</p>
<p align="justify">[contenido no disponible][contenido no disponible][contenido no disponible]</p>
<p align="justify">[contenido no disponible][contenido no disponible][contenido no disponible]</p>
<p align="justify">[contenido no disponible]</p>
<hr width="300" size="2" />
<p align="justify"><u>- September 14th 2007 -</u></p>
</div>
<p align="justify" class="Estilo27 Estilo33 Estilo3">Jodie sweetin and Cody herpin are expecting a BABY!!!</p>
<p align="justify" class="Estilo27 Estilo33 Estilo3"> Full House actress Jodie Sweetin , 25, and her husband Cody Herpin , 30, are expecting their first child in 2008, late March/early April . The couple announced the pregnancy by providing a sonogram photo to TMZ. The ultrasound was done on August 31st.</p>
<p align="justify" class="Estilo27 Estilo33 Estilo3"></p>
<p align="justify" class="Estilo27 Estilo33 Estilo3">Source: TMZ.com </p>
<hr width="300" size="2" />


</p>
</div>
<div id="rightcolumn">
<p align="left">[contenido no disponible]</p>


Facts</p>


Biography</p>


Filmography</p>


Projects</p>


Speaker</p>


Events</p>


</p>
<p align="left">[contenido no disponible]</p>


Site info</p>


Archives</p>


Links</p>


Contact </p>


</p>


</p>


</p>



</p>
</div>
</div>
</div>
</body>
</html>

Cuentame si te va bien.
Saludos, Juanma.
Gracias Juanma,

He visto que has "limpiado" bastante el codigo fuente pero cuando lo he mirado con el dreamweaver enlazado con la hoja de css me sale todo movido, el tamaño de la letra no corresponde, etc

No se que hacer, la verdad. En fin, voy a intentar de nuevo colocarlo en razyhosting a ver si se ve algo aunque no entiendo la manera de subir los archivos ya que me dice de "abrir/guardar" y se carga una página de razyhosting suya.

Gracias de todos modos
Yo para subir te aconsejo por ftp, en la que con razyhosting debes pegarlo todo en una carpeta que se llama igual que tu web.
Respecto al código, no entiendo porque se descoloca todo si sólo he quitado unas notas, asegúrate de que la hoja de estilos se llame main.css
Saludos, Juanma.