Hola, The_Web_Saint.
Te has fijado a cambiar el tamaño del navegador y ver que pasa con tu página?...
Deberías de usar solo CSS en el diseño de ésta, pues el uso de JS para lo que quieres mostrar está desaconsejado.
para centrar divisiones se usa:
margin: 0 auto
Para centrar divisiones dentro de divisiones se usa lo mismo, pero a la división que es madre debes ponerle
position: relative
Pero el usar contenedores dentro de contenedores está mal, según mi experiencia abusas del uso de divisiones, por ejemplo:
<
div id="lateral">
<
div id="img"><img
id="logo" src="http://www.forosdelweb.com/images/logo.gif"
border="0px" title="Alquilo o vendo" alt="Logo de alquilo o vendo" /></div><!--//cierra img/-->
<
div id="menu">
<ul>...
</ul>
</div><!--//cierra menu/-->
</div><!--//cierra lateral/-->
pudiendo ser:
<div
id="lateral">
<img
class="logo" src="http://www.forosdelweb.com/images/logo.gif" title="Alquilo o vendo" alt="Logo de alquilo o vendo"/>
<ul
class="menu">...
</ul>
</div><!--//cierra lateral/-->
Los atributos de id=img puedes aplicarlos desde
#lateral img ó directamente desde
#logo puesto que le pusiste un
identificador
todo esto solo por ponerte un ejemplo. Trata de hacer tu layout lo más simple posible en cuanto a divisiones. Por citar algo: id= header, lateral, contenido, pie de página. Clases de ser necesario (class) pero si tienes algun atributo o marcación (p, table, strong, li, ul, entre otras) puedes aplicar diseño usando la division ó clase y luego el atributo:
#header h1 {...}
así te evitas crear divisiones innecesarias y generas un código más limpio y menos pesado que hará que la carga de la página sea más rápida.
Suerte y nos avisas que tal.