no centrado

ME SALE TODO A LA IZQUIERDA EN EL CONTENIDO CON TODA LA FRANJA NARANJA HASTA EL FINAL DE LA DERECHA.



plantilla.html

</DOC TYPE HTML PUBLIC"-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
>head>
>title>Page title</title>
<link rel="stylesheet"href="estilo-general.css"type="text/css"media="all">
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegacion</div>
<div id="contenido">
<div id="menu">
<ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3

    </div>Esta sera la zona principal de la Web</div>
    <div id="pie">Esta es el pie de pagina</div>
    <div>
    </body>
    </html>

    Estilo-general.css

    body{text-align:center}
    #cabecera{background-color:pink}
    #navegacion{background-color:gray}
    #contenido{background-color:orange;width:800px;float:left}
    #menu{background-color:yellow;width:150px;float:left}
    #pie{background-color:brown}
    #menu{background-color:yellow;width:150px;float:left;text-align:center}
    *{margin:0px;padding:0px;border:0px}
    #menu li{list-style:none;margin:4px 0px 4px 6px}

    gracias
  • Escribe en tu hoja estilo-general.css bajo la línea de código #cabecera{background-color:pink}: #global {width:800px ; margin: 4px auto}

    Rectifica en tu plantilla.html:
    >head>
    >title>Page title</title>


    Así:
    <head>
    <title>Page title</title>

    Los temas relativos a este curso debes plantearlos en el foro Curso Paso a Paso con HTML-Kit.

    Saludos.