Hola a todos, seguro que es una chorrada pero la cuestion es que no me sale. He estado mirando post donde se preguntaba con centrar una pagina a 1024
y que se vea tambien en 800*600, al final he optado por una solucion qeu lei del tamaño de la pagina con un ancho de 750px y una capa que envuelva todo el codigo donde su css quede de esta forma
#cuerpo
{
margin: 0px auto;
}
en definitiva el código que me queda es el siguiente:
<body>.........
<div id="cuerpo">
<div id="imageMenu">
<ul>
<li class="quienessomos"><a href="#">Quienes Somos</a></li>
<li class="servicios"><a href="#">Servicios</a></li>
<li class="portfolio"><a href="#">Portfolio</a></li>
<li class="descargas"><a href="#">Descargas</a></li>
<li class="soporte"><a href="#">Soporte</a></li>
</ul>
</div>
<div id="contenido">hola</div>
</div>
.......
</body>
por otra parte en el css tengo el siguiente codigo:
#imageMenu {
position: absolute;
top: 0px;
left: 0px;
width: 275px;
height: 402px;
overflow: hidden;
}
#imageMenu ul {
list-style: none;
margin: 0px;
display: block;
height: 400px;
width: 1000px;
}
#imageMenu ul li {
float: left;
}
#imageMenu ul li a {
text-indent: -1000px;
background:#FFFFFF none repeat scroll 0%;
border-left: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
cursor:pointer;
display:block;
overflow:hidden;
width:46px;
height: 400px;
}
.........
.clear {
clear: both;
}
#cuerpo { <------AQUI INTENTO QEU ME REALICE EL CENTRADO
margin: 0 auto;
}
#contenido {
position:absolute;
left:275px;
top:0px;
width:575px;
height:400px;
z-index:1;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
background-color: #FFFFFF;
}
pero no consigo que lo haga, sin embargo si quito todas las capas
y margin:0px auto; se lo aplico a imageMenu si que lo pone donde yo quiero.
¿Aguien me podria decir porqué?
Gracias