ayuda con pié de página

Este es mi primer mensaje, por lo que aprovecho para dar las gracias al webmaster por esta genial página que tanto nos está enseñando (al menos a mí que hasta ahora era totalmente profano en la materia). Dicho ésto paso a la pregunta.

Estaba haciendo el ejemplo siguiendo las instrucciones del curso paso a paso pero después de hacer lo que indica en "reparando el fallo del menú" que es añadir esto: width: 800px ; float:left} en contenido, el pié de página se me descuadra y queda a la misma altura del menú y no debajo.

Como creo que me explico como un libro cerrado mejor pongo una imagen de cómo me queda el pié de página:

[contenido no disponible]

Y esto es lo que tengo en la hoja de estilo:

[contenido no disponible]

Gracias por a ayuda!! :wink:
www.caracterfelino.es
hola

ahora... muestranos el codigo html

puedes copiarlo y pegarlo aqui en el mensaje

salduos
Aquí está:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Novedades Tienda con Carácter</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="cabecera">Bienvenidos</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>
    </body>
    </html>
  • www.caracterfelino.es
    Si le quito la barra a </div> delante de Esta será la zona principal de la web me queda el pié de página de la misma medida que el menú... :oops: :oops:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <html>
    <head>
    <title>Novedades Tienda con Carácter</title>
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    </head>
    <body>
    <div id="cabecera">Bienvenidos</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>
    </body>
    </html>
  • www.caracterfelino.es
    black-cat escribió:Si le quito la barra a </div> delante de Esta será la zona principal de la web me queda el pié de página de la misma medida que el menú... :oops: :oops:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <html>
    <head>
    <title>Novedades Tienda con Carácter</title>
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    </head>
    <body>
    <div id="cabecera">Bienvenidos</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>
    </body>
    </html>
  • Hola;
    Me adelantaré con el permiso de Yaneth y le sugeriré algunas cosas, si usted se fija, cuando se abre una capa (div) siempre hay que cerrarla despues que se ponga todo lo que tenga que ponerse dentro, fuera de eso usted en la hoja de estilo tiene definida unas caracteristicas para una capa que se llama "global", pero por los códigos que nos ha puesto, usted en la pagina html, no ha creado esa capa global.
    Lo mas probable es que usted tenga que poner los códigos de esta manera:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <html> Acá abre el HTML
    <head>
    <title>Novedades Tienda con Carácter</title>
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    </head>
    <body> Acá abre el body
    <div id="global"> Acá abre la capa global
    <div id="cabecera">Bienvenidos</div> Acá abre y cierra el div cabecera
    <div id="navegacion">Barra de Navegación</div> Abre y cierra navegacion
    <div id="contenido"> Abre el div contenido
    <div id="menu"> Abre el div menu
    <ul> Acá comienza la lista del div menu
  • Enlace 1
  • Enlace 2
  • Enlace 3
    Acá termina la lista del div menu
    </div> Acá cierra la capa (div) menu
    Esta será la zona principal de la web
    </div> Acá cierra la capa o el div contenido
    <div id="pie">Este es el pié de página</div> Abre y cierra el div pie
    </div> Y acá cierra la capa global
    </body> Y acá cierra el cuerpo (body)
    </html> Y acá cierra la página con lenguaje HTML

    Es fácil equivocarse cuando se deben de cerrar las capas, por eso hay que poner mucha atención ya que cualquier detalle hace que la página parezca un puzzle desordenado.
    Saludos

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <html>
    <head>
    <title>Novedades Tienda con Carácter</title>
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    </head>
    <body>
    <div id="global">
    <div id="cabecera">Bienvenidos</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>
    Saludos
  • Agradecido de los que aprenden enseñando
    Mil gracias por la explicación.

    Me estaba liando con el cierre de las capas de contenido y menú al estar ambos cierres seguidos.

    Sobre lo de la capa global tampoco me había dado cuenta :oops:

    Ahora lo tengo todo más claro. Gracias de nuevo :wink: