Una duda

Cuando abría la plantilla para ver como quedaba, los margenes aparecían descolocados: el logotipo ocupaba parte de lo que le correspondía a "navegación" y a "menú".
He revisado mil veces los códigos, y al final le he colocado a navegación, una anchura total de la página, y se me ha colocado todo bien: ahora me queda igual que vuestro ejemplo.

He escrito esto (lo que ha cambiado con respecto al curso lo marco en negrita y rojo)


* {text-indent: 0px ; margin:0px ; padding:0px ; border: 0px}
p {text-align:justify}
h1 {font-size: 1.2em; color:green ; font-weight:bold ; text-decoration:underline ; text-align:center}
h2 {font-size: 1.1em; color:green ; font-weight:bold ; text-decoration:none ; text-align:center}
body {text-align: center}

#global {width:800px ; margin:4px auto}
#curva-superior {background-image: url(objetos/curva-superior.gif) ; background-repeat: no repeat ;
width:800px ; height:12px ; overflow: hidden}
#cabecera {background-color: white ; border-left: black 1px solid; border-right: black 1px solid ;
height:85px }
#logotipo { width:280px ; float:left}
#publicidad {width:518px ; float:right ; margin-top:50px}
#navegacion {background-color: gray ; border:black 1px solid ; width: 800 px ; height:20px }
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px}
#navegación ul {margin-left: 50px }
#contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid}
#contenido p {padding: 5px 10px 5px 10px ; text-indent:15px}
#menu {background-color: yellow; width: 150px ; float:left ; text-align:left ; margin:3px 10px 3px 3px}
#menu li {list-style:none ; 4px opx 4px 6px}}
#pie {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid; border-top: black 1px solid}
#curva-inferior {background-image: url(objetos/curva-inferior.gif) ; background-repeat: no repeat ; widht: 800px ; height: 12px ; overflow: hidden}
a {color:brown ; text-decoration:none ; display:block}
a:link {}
a:visited
a:hover {color:red ; text-decoration:underline ; background-color:silver}
a:active {}

Alguien me puede aclarar por que pasa.

No os dejo la dirección de mi página, porque me ha desaparecido el enlace.

hola

fijate cuantoi mide de altura tu logotipo, y cuanto mide de altura de cabecera en css

debe ser igual o mayor que el logotipo

saludos

Mide más, como se decía en el curso 280px, porque el logotipo copiado mide 247px. La altura es de 71px, y en css 85px

Si os digo lo que ha pasado no es de creer, había omitido en el mensaje de "publicidad" este signo de cierre >, y por tanto al no quedar cerrado se descolocaba todo.