no aparece muy bien centrado mi pie de pagina

bien pues tengo un problema... jejeje komo ziempre yo... jejeje bueno mi problema es que el la linea donde esta el pie de pagina no aparece centrada... si no que aparece despues de la linea donde esta el menu... i donde dice: "Esta es la zona principal de la Web"

mi codigo esta de esta manera...

</head>
<body>

<div id="global">
<div id="cabecera">"RCS" "NET"</div>
<div id="navegacion">Barra de navegacion</div>
<div id="contenido">
<div id="menu">
<ul>
  • EVENTOS
  • ALBUNES
  • LETRAS DE CANCIONES

    </div>
    Zona principal de la web
    </div>
    <div id="pie">Pie de pagina</div>
    </div>

    </body>
    </html>

    no entiendo porke me pasa eso sii todo lo he hecho al pie de la letra... tambien dejo los codigos de la pagina de estilos para que me den su observacion...

    * {margin:0px ; padding:0px ; border:0px}
    body {text-align: center}
    #cabecera {background-color: green}
    #navegacion {background-color: goldenrod}
    #contenido {background-color: blue ; width:800px ; float: left}
    #menu {background-color: gray ; width:150px ; float:left ; text-align: left}
    #pie {background-color: red}
    #goblal {width:800px ; margin:4px auto}
    #menu li {list-style: none}
  • jonyweb
    lo que ocurre es que en tu hojas de estilo no has definido que tu "pie de pagina" este centrado

    realmente no se a cual de todos los centrados te referias, pero tu pie de pagina es el ultimo elemento dentro de otro que se llama global

    Global tiene un ancho de 800px y esta centrado por el margen a sus lados.
    en cambio el pie de pagina no tiene ancho y tampoco le dijiste a la hoja de estilos que lo centrara

    tienes varias opciones:

    1.- define un ancho (width:) para el elemento "pie de pagina"
    2.- ponle margen automatico (margin:auto) que hace esto? toma el ancho maximo que pueden tomar los margenes (espacio a los lados) y te deja el izquierdo y derecho por defecto cosa que el elemento se centre al medio.
    3.- personalmente te recomiendo que le definas un ancho y que le pongas "text-align:center" para que el texto se centre al medio (si es que esto te sirve)

    Atte. jury.
    espero que te sirva..
    si tienes mas dudas o nesecitas ayuda puedes enviarme un pm y te explico mas detalladamente