Centrar div

[astrow25]

Hola, tengo un div de 1000 pixeles de longitud, lo que quisiera saber es como puedo hacer para que salga centrado en pantalla.

Es decir que la web esta diseñada para 1024 x 768, pero si la resolucion es mas que el div salga centrado

Gracias

[pzin]

Hola astrow25.

Simplemente especificas el margen de los lados de forma automática.

Código CSS:

#capaCentrada {
margin: 10px auto;
width: 1000px;
}
 

Así como está, le pones un margen de 10 píxeles encima y debajo, y automático a izquierda y derecha. Más la anchura de 1000 píxeles, claro.
Si quieres diferentes márgenes para arriba o debajo, recuerda que si especificas dos valores, el primero hace referencia arriba y abajo y el segundo izquierda y derecha, si especificas cuatro, en orden se refiere a arriba, derecha, abajo e izquierda (como un reloj). Si pones uno, es el valor que le das a todos.

[rodeirojg]

No sé si será igual a lo que sugirió astrow25, pero yo lo resuelvo usualmente así:

#capa {
position:relative;
width:1000px;
margin-right: auto;
margin-left: auto;
}

[webosiris]

rodeirojg, si lees el mensaje de Bonez te vas a dar cuenta que es exactamente lo mismo (pero el código de Bonez usa las propiedades abreviadas)

astrow25, si diseñas para 1024 no uses 1000 de ancho, usa 990px. Hay que dejar algo de espacio para el borde de la pantalla, el scroll, etc, con 1000 te puede aparecer scroll horizontal dependiendo del navegador, con 990 no.