Entrar

problema con la posicion de los divs en la 2da leccion

mati9 · · Solicitar retirada
Tengo un problema.
Con el div que creamos en la segunda leccion de el curso paso a paso.
El div " Esta sera la zona principal de la web" coloreada naranja, ecxede el ancho de pagina es decir que es mas ancho que lo otros divs, quedando por fuera del margen.

Lo escrito en plantilla.html es:

<!DOCTYPE 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 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 pié de página</div>
    </div>
    </body>
    </html>

    y lo escrito en estilo-general.css es:

    contenido {background-color: orange ; width: 800px ; float:left}
    #menu li { ...propiedades..... }
    #menu li { list-style:none }
    * {margin:0px ; padding:0px ; border: 0px}
    #menu {background-color: yellow ; width: 150px ; float:left ; text-align:left
    #menu li {list-style:none ; margin: 4px 0px 4px 6px}
    a {color: blue; font-size:1.3em ; text-decoration: none}
    a:link { font-weight: bold ; color: blue ; text-decoration: none; }
    a:visited { font-weight: bold ; color: blue ; text-decoration: none; }
    a:hover { font-weight: bold ; color: red ; }
    a:active { font-weight: bold ; color: green ;}
    a {color: brown ; text-decoration:none ; display: block }
    a:hover {color:red ; text-decoration:underline ; background-color: silver}



    ¿ Cúal es el problema ?
    • Alpolo · · Solicitar retirada
    Hola..

    En la regla de css esta algo mal..

    En #menu {background-color: yellow ; width: 150px ; float:left ; text-align:left no tienes el }

    Pon el "}" y seguimos mirando a ver que más sale ok..


    Salu2.. :(
    kevin · · Solicitar retirada
    hola ya te lo arreglo

    en la hoja de estilos te falto colocar el signo #
    #contenido {background-color: orange ; width: 800px ; float:left}

    colocalo y en la plantilla en la capa menu te falto colocar en la lista

    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3