se descuadra enlace 1

Siguiendo el apartado reparando el fallo de menu, al escribir en la hoja de estilo general en contenidos, width: 800px ; float. left, enlace 1 se va un poco hacia la derecha quedando asi:

menu . Enlace 1
. Enlace 2
. Enlace 3





gracias
perdon. me he dado cuenta que en el foro no sale como yo lo he escrito.
Menu estaria a la izquierda, y losenlaces uno bajo el otro en el centro, pero el enlace 1 se va un poquito hacia la derecha
no tienes la lista en el div menu sino en la del contenido y por eso se te ve en el centro sino sabes que es lo que falla danos los codigos
Esto es lo que tengo en la plantilla:

<!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">menu</div>
<ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3

    Esta sera la zona principal de la web</div>
    <div id="pie">Este es el pie de la pagina</div>
    </div>


    </body>
    </html>


    Y esto en estilos generales:

    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}
    #global{width:800px ; margin:4px auto}
    #menu li {list-style:none}
  • y esto es lo que tendria que estar en el menu:

    <div id="menu">menu
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3

    </div>
  • asi es, el error esta en que estás cerrando el div menu
    antes de meterle el texto de los enlaces

    <div id="menu">menu</div>


    kaotic, ya te lo ha puesto como debe de ir

    saludos