Como centrar mi web en pantalla!!

JONNA escribió:Muy buenas!!
Necesito un cable, a ver si me echais una mano!! :lol:

Vereis, soy consciente de que hay varias maneras de centrar la página y que están en vuestras lecciones, pero por más que lo intento no lo consigo.

Estoy trabajando con resoluciones de 1024 mientras trabajo en la página. Al principio no me salía centrada pero lo he solucionado en mi hojas de estilo centrando mi div general, que es donde tengo toda la página. Lo he heco así:

#global {width:980px;height:560px; margin:auto auto auto auto; padding:auto auto auto auto}
#global {background-image: url(objetos/def pagina principal prueba.png); background-repeat: no-repeat; background-position: center center}

El problema es que cuando pruebo la página en un ordenados con resolución mayor en el monitor, se me va para la derecha, dejándome el margen mínimo típico que sale por defecto.

Como lo arreglo compañeros????????????? :?

Raulyure escribió:

JONNA escribió:Muy buenas!!
Necesito un cable, a ver si me echais una mano!! :lol:

Vereis, soy consciente de que hay varias maneras de centrar la página y que están en vuestras lecciones, pero por más que lo intento no lo consigo.

Estoy trabajando con resoluciones de 1024 mientras trabajo en la página. Al principio no me salía centrada pero lo he solucionado en mi hojas de estilo centrando mi div general, que es donde tengo toda la página. Lo he heco así:

#global {width:980px;height:560px; margin:auto auto auto auto; padding:auto auto auto auto}
#global {background-image: url(objetos/def pagina principal prueba.png); background-repeat: no-repeat; background-position: center center}

El problema es que cuando pruebo la página en un ordenados con resolución mayor en el monitor, se me va para la derecha, dejándome el margen mínimo típico que sale por defecto.

Como lo arreglo compañeros????????????? :?

Hola:
¿No sería mas conveniente que en su hoja de estilo pusiera :
body{tex-align:center;}
Y en la capa global:
#global{width:980px:heifht:560px;margin:4px auto;background-image:url(objetos/acá-el-nombre-de-su-imagen.png);background-repeat:no-repeat;background-position:center;}
El nombre de la imagen no debe contener espacios, puede ponerle guión medio pero no debe contener espacios, si su imagen se llama: def pagina principal prueba, debiera de modificar primero el nombre de su ímagen como por ejemplo: def-pagina-principal-de-prueba.png y luego en la hoja de estilo escribir correctamnte ese nombre. También debo decirle que en la hoja de estilo no se puede tener dos capas con el mismo nombre, por eso en la capa global usted debe poner todas las directivas allí, como se lo puse en el ejemplo.
Saludos

Raulyure escribió:

JONNA escribió:Muy buenas!!
Necesito un cable, a ver si me echais una mano!! :lol:

Vereis, soy consciente de que hay varias maneras de centrar la página y que están en vuestras lecciones, pero por más que lo intento no lo consigo.

Estoy trabajando con resoluciones de 1024 mientras trabajo en la página. Al principio no me salía centrada pero lo he solucionado en mi hojas de estilo centrando mi div general, que es donde tengo toda la página. Lo he heco así:

#global {width:980px;height:560px; margin:auto auto auto auto; padding:auto auto auto auto}
#global {background-image: url(objetos/def pagina principal prueba.png); background-repeat: no-repeat; background-position: center center}

El problema es que cuando pruebo la página en un ordenados con resolución mayor en el monitor, se me va para la derecha, dejándome el margen mínimo típico que sale por defecto.

Como lo arreglo compañeros????????????? :?

Hola:
¿No sería mas conveniente que en su hoja de estilo pusiera :
body{text-align:center;}
Y en la capa global:
#global{width:980px:height:560px;margin:4px auto;background-image:url(objetos/acá-el-nombre-de-suimagen.png);background-repeat:no-repeat;background-position:center;}
El nombre de la imagen no debe contener espacios, puede ponerle guión medio pero no debe contener espacios, si su imagen se llama def pagina principal prueba, debiera de modificar primero el nombre de su imagen como por ejemplo: def-pagina-principal-de-prueba.png y luego en la hoja de estilo escribir correctamnte ese nombre. También debo decirle que en la hoja de estilo no se puede tener dos capas con el mismo nombre, por eso en la capa global usted debe poner todas las directivas allí como se lo puse en el ejemplo.
Saludos