Visualizar pagina en el centro dela pantalla

[martim01]

Buenas tardes. He creado mi página Web y no se visualiza igual en todos los ordenadores ni en todos los exloradores de internet. El problema que tengo es que aparece posicionada hacia la izquierda y quiero que se visualice en el centro de la pantalla y que se vea igual en todos los exploradores y en todas las versiones de Internet explorer, porque el IE7 se muestra direferente que en IE8. Lo que pretendo es que se adapte de forma automática al tamaño de la pantallate que tenga el ordenador y al explorcdor de internet que se esté utilizando. La página está hecha en PHP con CSS. Si podéis orientarme con respecto a dónde puede estar mi fallo, os lo agradezco. He estado revisando las CSS en cuanto a la posición del body, pero no doy con la tecla. También he revisado la posición del top, del cuerpo y del pie, pero tampoco he dado con la tecla, porque se me desconfigura la página y no sé dónde puede estar el problema. Gracias.

[webankenovi]

tienes que usar position relativa y margenes automaticos izquierda , derecha

te recomiendo pasar este tema al foro de CSS

[memoadian]

Código HTML:

<div id="central">contenido</div>
 

Código CSS:

#central{
    margin:0 auto;
    position:relative;
}
 

[C2am]

Este tema está duplicado

[martim01]

Gracias. He conseguido posicionar la web aplicando las indicaciones que me habéis dado. EL único problema que sigo teniendo es con IE7, en la que el top y el pie de la página se muestran extendidos a lo ancho de toda la pantalla y el cuerpo está limitado en la parte central. Es como si el top y el pie no respetasen los valores de Width y de height que le he introduciso. Adjunto código:

width: 895px;
background-image: url(../imagenes/top_center.jpg);
margin-left: auto;
margin-right: auto;
margin-top: 80px;
border-left-color: #FFF;
border-right-color: #FFF;
border-left-style: solid;
border-right-style: solid;
position: relative;
min-width: 895px;


#pie{
//background-repeat:repeat-x;
min-width:auto;
width: expression((documentElement.clientWidth <900) ? "900px" : "100%" );
height:90px;
visibility: visible;
width: 895px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
background-image: url(../imagenes/pie.jpg);
border-left-color: #fff;
border-left-style: solid;
border-right-color: #fff;
border-right-style: solid;
border-bottom-color: #fff;
border-bottom-style: solid;
position: relative;

Gracias.

[webankenovi]

añade un contenedor del 100% de anchura con la altura y position absolute y dentro el top tal y como lo hiciste y el pie igual

Código HTML:

#contenedor{height:90px;width:100%;margin-bottom:20px;position:absolute;}
 
#pie{
//background-repeat:repeat-x;
min-width:auto;
height:90px;
width: expression((documentElement.clientWidth <900) ? "900px" : "100%" );
visibility: visible;
width: 895px;
margin-left: auto;
margin-right: auto;
background-image: url(../imagenes/pie.jpg);
border-left-color: #fff;
border-left-style: solid;
border-right-color: #fff;
border-right-style: solid;
border-bottom-color: #fff;
border-bottom-style: solid;
position: relative;
}
 
<div id="contenedor">
<div id="pie">contenido aqui</div>
</div>