Entrar

Problema con la margen global

jsebas1709 · · Solicitar retirada
Hola Jorgens, tengo el siguiente problema:
He seguido el curso paso a paso hasta casi el final de la lección 2, pero a pesar de que el código en HTML y CSS es idéntico al ejemplo, en el caso de mi página los bordes no corresponden y las capas ocupan el ancho completo de la pantalla, dejando todo muy desordenado.
¿Que puedo hacer para solucionarlo?
Gracias.
diegolopez · · Solicitar retirada
Yo tambien tengo el mismo problema. El codigo que tengo en mi pc es:
<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 navegación</div>
<div id="contenido">
<div id="menu">
<ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3

    </div>
    Esta será la zona principal de la web</div>
    <div id="pie">Este es el pie de la página</div>
    </div>

    y en estilo-general.css tengo:
    * {margin:0px ; padding:0px ; border: 0px}

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

    Ya cheque con el del ejemplo y esta igual.

    Saludos
    • Fosfor · · Solicitar retirada
    ves donde dice <div id:"global">?
    ahi tiene que ir <div id="global">. Espero haber solucionado tu problemilla :)