centrar pagina de capas

hola

Como puedo centrar una pagina que tiene una capa de 1240 de ancho como capa global con respecto a la capa del cuerpo principal de 950?

gracias y un saludo
Hola setset

Q quieres centrear todo o la capa del cuerpo???

y si podrias pegar tu css, y tu codigo htm o dar el link de pagina asi poder ver q quieres en especifico
Sería centrar lo que es la página, he buscado varias maneras de hacerlo pero no consigo que ninguna funcione, es centrar la página en su totalidad con una capa de 1240 para poner un fondo que contraste y la capa o cuerpo principal centrarlo también sobre la capa de 1240 que a su vez está centrada en el navegador.

No sé si me explico bien que es posible que no, te pego los códigos y si no lo entiendes me lo dices.

Código css

body {font-family:futura bk}

#global {width:1024px ;height:1024px;margin:8px auto;
background-color:#E0FFFF;float:left}

#cabecera {background-image: url(fondo.jpg);width:800px;height:100px
;background-position:center;color:#FFFACD}

h1 {margin-top:20px;margin-left:15px;
font-size:1.2cm;font-family:arial rounded mt bold}

h2 {margin:20px 10px 20px 10px;font-size:10pt; color: #006400
;font-family:futura bk;}

#principal {width:630px;height:300px;background-color:#F5F5F5;
float:left;margin-top:45px;margin-left:10px;}

#menu {width:150px;height:1024px;margin-top:45px;float:left;
background-color:#FFFAFA}

#menu li {list-style:none;font-family:malandra gd;font-size:9pt;text-align:left;
margin: 6px 0px 0px 10px }

#menu p {margin-top:30px; color:#b22222;}

a { text-decoration: none;}

.centrado {text-align:center}

#zonadelclub {float:left;width:310px;height:200px;background-color:#a5f5f5;
margin-top:10px;margin-left:10px}

#relleno {float:left;width:310px;height:200px;margin-top:10px;margin-left:10px;
background-color:#a5f5f5}

#principal p {text-align:justify;padding:5px 10px 15px 10px;font-size:12pt;color:#b22222}

img {float:right; margin:8px 12px 8px 12px}

.left {float:left}

.fuente {color:blue;text-align:right;}

Código HTML

<html>
<head>
<link rel="stylesheet" href="estilogeneral.css" type="text/css">
</head>
<body>
<div id="global">



<div id="cabecera"><h1>Club de Ajedrez Alcorcón</h1></div>



<div id="menu">
<ul>
  • Liga Madrileña
  • Eventos
  • Enlaces
  • Aula De Ajedrez
  • Problemas
  • Torneos
  • Noticias
  • Internacional

    </div>







    <div id="principal">

    <h2>Comienza el XVII campeonato de Europa por equipos de Novi Sad</h2>





    Hoy, a las tres de la tarde, comienzan el
    Campeonato de Europa por Equipos en Novi Sad
    (Serbia), con competiciones femenina y absoluta.
    En la primera ronda España se enfrentará con
    blancas a Lituania en la prueba absoluta y con
    Rusia en la femenina. Los respectivos duelos serán:
    Shirov vs. Sulskis, Vallejo vs. Malisauskas,
    López vs. Victoria Cmilyte (que participa en
    la sección absoluta), Salgado vs. Sarakauskas.
    [contenido no disponible]
    Así mismo se verán las caras Alexandra Kosteniuk
    y Mónica Calzetta, Tatiana Kosintseva y Sabrina Vega,
    Nadezhda Kosintseva y Natalia Parés y, en el cuarto
    tablero Valentina Gunina y Patricia Llaneza.

    <p class="fuente"> Fuente chessbase.com</p>
    </div>
    <div id="zonadelclub">zona del club
    [contenido no disponible]
    </div>
    <div id="relleno"> zona de relleno
    [contenido no disponible]
    [contenido no disponible]
    </div>

    </div>
    </body>


    </html>
  • hola

    intenta agregando a body

    text-align:center

    asi se centrarà la capa global
    con todo su contenido

    es lo que deseas?????
    hola yaneth

    yo si que deseo centrar la pagina entera y tengo en la hoja de estilos
    body {text-align:center}

    pero hace caso omiso a la orden y se queda pegadita al lado izquierdo... (en firefox, ie ahora se ve bien y no he tocado nada!)


    no encuentro el error... me podeis echar una mano?!

    http://agll.ueuo.com
    http://agll.ueuo.com/estil.css

    gracias!
    Para centrar la global si que funciona pero para centrar toda la página con respecto al navegador no funciona
    ariviti

    te falta ponerle auto

    #general {width:800px; font-family:"Century Gothic"; margin-top:30px auto}

    no se que significa, pero pruebalo y me dices

    saludos
    setset

    cuando debe medir tu web de ancho???
    1024??
    en que resolucion lo ves tu????
    ok
    lo ajustè asi

    * {margin:0px; padding:0px; text-indent:0px; border:0px;}
    body {font-family:futura bk; text-align:center}

    #global { background-color:#E0FFFF; width:800px; margin:4px auto}


    en el html
    fijate en el menu, y tienes varios li sin cerrar
    ajustalo

    saludos
    Lo que quiero es poner un fondo de 1240 en el cual pondré una imagen de fondo que me quede centrada con el navegador, después crearé una capa general de 950 que vaya centrada con la capa anterior para qué ambos lados quede la imagen de fondo centrada, ahora mismo la imagen de 950 queda pegada a la izquierda y no centrada sobre la de 1240 y ese es el problema, por cierto muchas gracias por lo de los cierres no me había dado ni cuenta, no sé si me explico que es probable que no...

    Un saludo
    veamos


    sube los cambios que te indiquè, asi sigo haciendo pruebas ok???

    ahora.,....

    Lo que quiero es poner un fondo de 1240 en el cual pondré una imagen de fondo que me quede centrada con

    aqui, yo pondria en (verde) la imagen de fondo pero en el body (css)
    luego en la global poner (rojo) la otra imagen
    si le pones el text align center a body
    se centrarà la imagne de global

    ve haciendo pruebas, y subiendo a la red
    para checarlo junto contigo

    saludos
    intenta con el margen q aumente :P

    body {font-family:futura bk; background-color:cyan}

    #global {width:800px ;height:800px;margin:100px 100px 100px 100px;
    background-color:#E0FFFF;float:left}

    #cabecera {background-image: url(fondo.jpg);width:800px;height:100px
    ;background-position:center;color:#FFFACD}

    h1 {margin-top:20px;margin-left:15px;
    font-size:1.2cm;font-family:arial rounded mt bold}

    h2 {margin:20px 10px 20px 10px;font-size:10pt; color: #006400
    ;font-family:futura bk;}

    #principal {width:630px;height:300px;background-color:#F5F5F5;
    float:left;margin-top:45px;margin-left:10px;}

    #menu {width:150px;height:1024px;margin-top:45px;float:left;
    background-color:#FFFAFA}

    #menu li {list-style:none;font-family:malandra gd;font-size:9pt;text-align:left;
    margin: 6px 0px 0px 10px }

    #menu p {margin-top:30px; color:#b22222;}

    a { text-decoration: none;}

    .centrado {text-align:center}

    #zonadelclub {float:left;width:310px;height:200px;background-color:#a5f5f5;
    margin-top:10px;margin-left:10px}

    #relleno {float:left;width:310px;height:200px;margin-top:10px;margin-left:10px;
    background-color:#a5f5f5}

    #principal p {text-align:justify;padding:5px 10px 15px 10px;font-size:12pt;color:#b22222}

    img {float:right; margin:8px 12px 8px 12px}

    .left {float:left}

    .fuente {color:blue;text-align:right;}


    si quieres aumentar un div de fondo de los 1024 q dices solo aumentas
    #general{float:center;width:1024;height:1024;background-color:black}

    le cambias el color negro q puse a imagen :P como quieras
    y el color del body por el fondo
    cuentas como te fue :P
    hola

    pero poniendo ese margen
    #global {width:800px ;height:800px;margin:100px 100px 100px 100px;
    background-color:#E0FFFF;float:left}

    lograrà verlo bien en xx resolucion de pantalla
    pero en otras diferentes se verà peor no crees

    ???
    para eso se le pone un fondo al body
    global solo va ser un div, si mal no recuerdo un div es un contenedor en bloque
    si, es un div
    pero el desea centrarlo
    independientemente de la resolucion de pantalla de los visitantes

    por ejemplo,
    si el visitante tiene 800px de resolucion
    y su global mide 500 entonces deberà tener un margen de 150px por cada lado, para poder centrarlo

    pero si por el contrario
    el visitante tiene 1000px de resolucion de pantalla
    entonces deberà ponerle 250px de margen
    me explico??????

    y con margenes creo que se complica centrarlo
    ya que no puede saber que tipo de resolucion tiene cada uno de sus visitantes

    por eso, si el desea centrar el div global, debe poner la orden directo en el body que este viene siendo su contenedor asi, independientemente de la resolucion del visitante, global estarà centrado en la pantalla

    o serà que no he entendido bien lo que desea hacer nuestro compañero????

    saludos :wink:
    Yo entendi q quiere poner 3 fondos cada div centreado el body seria el primer fondo, el general q puse seria el 2 fondo y el global seria el 3 fondo :P
    veamos como le va con lo q puse si era eso lo q queria o no :roll:
    a veces pasa

    que cada uno interpretamos las cosas de diferente manera
    jejejeje

    aqui lo importante es que seguro nuestro compañero estarà gustoso de tanta ayuda

    un abrazo a todos :wink:
    buenos días yaneth!

    ya he puesto el auto como me comentastes y funciona, lo único que tu me pusiste:

     margin-top: 30px auto 

    y así no va pero si quitas el top si
    margin:30px auto

    muchas gracias!