Entrar

Problema reparando el fallo del menu

TiFaNy · · Solicitar retirada
Hola, el caso es qe estoy siguiendo el curso (como tant@s otr@s xD) y en la seccion "estilos para listas" en el apartado reparando el fallo del menu, he seguido creo q todos los pasos bien, y el menu ahora me aparece junto con el contenido más grandes (hacia abajo) que el pie de pagina, es decir, no se arreglo el error, sino qel contenido también adquirio ese error.

El codigo de la plantilla es este:

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

    Y el de la hoja de estilos CSS

    #cabecera {background-color: pink }
    #navegacion {background-color: gray }
    #contenido {background-color: orange ; widht: 800px ; float:left}
    #pie {background-color: brown}
    #global {widht:800px ; margin: 4px auto}
    body {text-align: center}
    #menu {background-color: yellow; widht: 100px ; float:left }


    Gracias!!
    • Kamael · · Solicitar retirada
    Hola Tifany

    En q leccion vas???

    en tu estilos css veo q pusiste algunos codigos mal :P


    #cabecera {background-color: pink }
    #navegacion {background-color: gray }
    #contenido {background-color: orange ; widht: 800px ; float:left}
    #pie {background-color: brown}
    #global {widht:800px ; margin: 4px auto}
    body {text-align: center}
    #menu {background-color: yellow; widht: 100px ; float:left }

    tendria q ser "width" no "widht"
    y dale orden a tu hoja de estilos asi te vas a ubicar mejor donde cambiar las cosas :P

    avisa si te funciono
    gelidofenix · · Solicitar retirada
    Hola,

    Gracias no, mil gracias por la web y el foro. Al hilo de este error, y gracias al foro yo lo he solucionado así que si alguien llega también y aún no le queda claro como solucionarlo, su hoja de estilos debe quedar así:

    #global {width:800px; margin:4pxauto }
    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}

    :)Espero que a alguien le pueda servir:)
    Yaneth · · Solicitar retirada
    hola

    debes acomodar tu css, por orden de aparicion en el html
    esta linea

    body{text-align:center}
    debe estar arriba de global

    saludos