problemas con la curva inferior y superior

GLOORIX · 3 Ene 2009, 02:07 · Solicitar retirada

Hola a todos:
Quisiera que me ayudarais si podeis.
Os explico lo que me ocurre. He terminado todas las lecciones que figuran, pero el problema que viene desde la leccion 2, no se me ha corregido y no se porque. La curva tanto inferior como superior, se me quedan más cortas que el resto, he probado de todo- Os envio los estilos y la plantilla a ver si hay algo que no veo.

Estilos
*{text-indent:0px ; margin:0px ; padding:0px ; border: 0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font-size: 1.1em; color:blue ; 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 }
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
#publicidad { width:518px; float:right; margin-top:25px;font-size: 16px }
#navegacion {background-color:gray; border: black 1px solid;height:20px;}
#navegacion li {float:left;list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 180px }
#contenido {background-color: orange; border-left: black 1px solid ;
border-right: black 1px solid; }
#contenido p {margin:5px 10px 5px 10px; text-indent:15px}
#menu {background-color:lorange; width:150px ; float:left; text-align:left; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif); background-position: bottom ; padding-bottom:5px }
}
#menu h1 {text-decoration:none ; font-size:12px; background-image: url(objetos/menu-parte-superior.gif) }
#menu li {list-style:none; margin:4px 8px 4px 6px}
#pie {border-left:black 1px solid ; border-right:black 1px solid ; border-top:black 1px solid; height:65px; }
#pie li {list-style: none;font-size: 12px }
#pieuno {background-color:white ; float:left; width:150px; }
#piedos {background-color: white ; float:left; width:498px }
#pietres {background-color: white ; float:left; width:150px; }

#curva-inferior {background-image:url(objetos/curva-inferior.gif);background-repeat:no-repeat;width: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 {}
#pie a {color: blue;text-decoration:none; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ;text-decoration:underline; background-color:white }
#pie a:active {color:black}

Plantilla

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="estilos-general.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
</head>
<body onload="init();">
<div id "global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo"> [contenido no disponible] </div>
<div id="publicidad">Bienvenidos a mi web</div>
</div>
<div id="navegacion">
<ul>

Sección 1

Sección 2

Sección 3

Sección 4

</div>
<div id="contenido">
<div id="menu">
<h1>Título de Sección 1</h1>
<ul>

Elemento 1

Elemento 2

Elemento 3

Elemento 4

</div>
<h1>Esta será la zona principal de la web.</h1>

Esto es mi segundo parrafo Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.
<h2>Y este es el tercer párrafo.</h1>

En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>

Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
</div>
<div id="pie">
<div id="pieuno"><ul>

Foro Ejemplo

Contactos

Nos Enlazan

</div>
<div id="piedos">pie dos</div>
<div id="pietres"><ul>

Directorio

TopSite

Mapa de la Web

</div></div>
<div id="curva-inferior"></div>
</div></div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>

Otra cosa que me ocurre es que lo he subido a la web pero no me aparece la hoja de plantilla, sino la de html, os dejo la direccion
http://acanadas.mypressonline.com/ a ver si me decis el porque.
Muchas gracias de antemano

Raulyure · 3 Ene 2009, 03:52 · Solicitar retirada

GLOORIX escribió:Hola a todos:
Quisiera que me ayudarais si podeis.
Os explico lo que me ocurre. He terminado todas las lecciones que figuran, pero el problema que viene desde la leccion 2, no se me ha corregido y no se porque. La curva tanto inferior como superior, se me quedan más cortas que el resto, he probado de todo- Os envio los estilos y la plantilla a ver si hay algo que no veo.

Otra cosa que me ocurre es que lo he subido a la web pero no me aparece la hoja de plantilla, sino la de html, os dejo la direccion
http://acanadas.mypressonline.com/ a ver si me decis el porque.
Muchas gracias de antemano

........................
Hola:
No voy a revisar aún todos sus códigos, (tengo que salir), pero mirándo rápidamente lo que usted ha puesto, creo que quizás en el curso Paso a Paso se le han pasado por alto un par de cosas.

Una es que a la capa #contenido, (en la hoja de estilo-general) se le olvidó ponerle un --- width:auto;

La otra, es que parece ser que usted en la página plantilla.html, allí justo después, o debajo del código de la curva inferior, usted tiene esto:

<div id="curva-inferior"></div>
</div></div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>

Se supone que lo que hay de la curva inferior hacia arriba está bien, o sea toda etiqueta tipo <div id="bla bla bla"> está cerrada con un </div>. Menos la que se llama capa global, ya que a esa se le pone el </div> (o se cierra) al final casi de todo lo demás (no digo que se cierra al final, como si fuese un concepto de tiempo, sino de lugar)

Como se puede ver en el extracto que saqué de sus códigos, usted abre la capa <div id="curva-inferior"> y luego la cierra con un </div>.

Luego usted pone un cierre de div, o sea esto </div>
¿Qué cierra eso?. Pues eso cierra la dichosa capa global que es la que encierra a todas las demás, (Excepto el body, claro).
El script que hay puesto allí, se pone fuera de la capa global, pero dentro del body, así que eso está correcto , ya que el script va justo antes del cierre del body o sea antes de </body>.

Y luego, como es lógico, viene al final el cierre del html, o sea </html>.

Bien, si usted revisa ese extracto de código que le muestro , verá que después de la capa <div id="curva-inferior"></div>
Usted tiene puesto dos cierres de div, o sea dos </div>, uno cierra la capa global, y está bien, pero el otro ¿qué cierra?

Pues el otro sobra, así que le sugiero que lo elimine.

En lo que respecta a que cuando va a su página (ya en internet), solo le abre el index.html y no puede ver la plantilla, es porque los navegadores siempre van a buscar una página que se llame index.html, ya que es la página por defecto que ellos buscan para abrir.

Por eso en la página index.html, usted debe hacer un enlace o link hacia su página plantilla.

Así que le sugiero que abra su index.html en vista código, y ponga un enlace hacia su página principal o plantilla.

Puede hacerlo de esta manera, en cualquier parte de su index, (pero dentro del body) (o entre el <body y el </body>):

Para ir a mi página principal, pulse acá</p>.

Luego nos dice si se arregló algo el problema

Saludos

GLOORIX · 3 Ene 2009, 04:14 · Solicitar retirada

Raulyure escribió:
GLOORIX escribió:Hola a todos:
Quisiera que me ayudarais si podeis.
Os explico lo que me ocurre. He terminado todas las lecciones que figuran, pero el problema que viene desde la leccion 2, no se me ha corregido y no se porque. La curva tanto inferior como superior, se me quedan más cortas que el resto, he probado de todo- Os envio los estilos y la plantilla a ver si hay algo que no veo.

Otra cosa que me ocurre es que lo he subido a la web pero no me aparece la hoja de plantilla, sino la de html, os dejo la direccion
http://acanadas.mypressonline.com/ a ver si me decis el porque.
Muchas gracias de antemano

........................
Hola:
No voy a revisar aún todos sus códigos, (tengo que salir), pero mirándo rápidamente lo que usted ha puesto, creo que quizás en el curso Paso a Paso se le han pasado por alto un par de cosas.

Una es que a la capa #contenido, (en la hoja de estilo-general) se le olvidó ponerle un --- width:auto;

La otra, es que parece ser que usted en la página plantilla.html, allí justo después, o debajo del código de la curva inferior, usted tiene esto:

<div id="curva-inferior"></div>
</div></div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>

Se supone que lo que hay de la curva inferior hacia arriba está bien, o sea toda etiqueta tipo <div id="bla bla bla"> está cerrada con un </div>. Menos la que se llama capa global, ya que a esa se le pone el </div> (o se cierra) al final casi de todo lo demás (no digo que se cierra al final, como si fuese un concepto de tiempo, sino de lugar)

Como se puede ver en el extracto que saqué de sus códigos, usted abre la capa <div id="curva-inferior"> y luego la cierra con un </div>.

Luego usted pone un cierre de div, o sea esto </div>
¿Qué cierra eso?. Pues eso cierra la dichosa capa global que es la que encierra a todas las demás, (Excepto el body, claro).
El script que hay puesto allí, se pone fuera de la capa global, pero dentro del body, así que eso está correcto , ya que el script va justo antes del cierre del body o sea antes de </body>.

Y luego, como es lógico, viene al final el cierre del html, o sea </html>.

Bien, si usted revisa ese extracto de código que le muestro , verá que después de la capa <div id="curva-inferior"></div>
Usted tiene puesto dos cierres de div, o sea dos </div>, uno cierra la capa global, y está bien, pero el otro ¿qué cierra?

Pues el otro sobra, así que le sugiero que lo elimine.

En lo que respecta a que cuando va a su página (ya en internet), solo le abre el index.html y no puede ver la plantilla, es porque los navegadores siempre van a buscar una página que se llame index.html, ya que es la página por defecto que ellos buscan para abrir.

Por eso en la página index.html, usted debe hacer un enlace o link hacia su página plantilla.

Así que le sugiero que abra su index.html en vista código, y ponga un enlace hacia su página principal o plantilla.

Puede hacerlo de esta manera, en cualquier parte de su index, (pero dentro del body) (o entre el <body y el </body>):

Para ir a mi página principal, pulse acá</p>.

Luego nos dice si se arregló algo el problema

Saludos

He hecho todo lo que se me proponia, pero lo del div no veo nada arreglado.
Si en lo del enlace, pero claro entonces ocurre que primero sale una pagina y luego la otra, cuendo le clikeas en "aca". Pregunto ¿esto quiere decir que la primera es la pagina principal? si es así, ¿como se prondria esta segunda como pagina prncipal?
un aludo

Raulyure · 3 Ene 2009, 04:35 · Solicitar retirada

GLOORIX escribió:
Raulyure escribió:
GLOORIX escribió:Hola a todos:
Quisiera que me ayudarais si podeis.
Os explico lo que me ocurre. He terminado todas las lecciones que figuran, pero el problema que viene desde la leccion 2, no se me ha corregido y no se porque. La curva tanto inferior como superior, se me quedan más cortas que el resto, he probado de todo- Os envio los estilos y la plantilla a ver si hay algo que no veo.

Otra cosa que me ocurre es que lo he subido a la web pero no me aparece la hoja de plantilla, sino la de html, os dejo la direccion
http://acanadas.mypressonline.com/ a ver si me decis el porque.
Muchas gracias de antemano

........................
Hola:
No voy a revisar aún todos sus códigos, (tengo que salir), pero mirándo rápidamente lo que usted ha puesto, creo que quizás en el curso Paso a Paso se le han pasado por alto un par de cosas.

Una es que a la capa #contenido, (en la hoja de estilo-general) se le olvidó ponerle un --- width:auto;

La otra, es que parece ser que usted en la página plantilla.html, allí justo después, o debajo del código de la curva inferior, usted tiene esto:

<div id="curva-inferior"></div>
</div></div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>

Se supone que lo que hay de la curva inferior hacia arriba está bien, o sea toda etiqueta tipo <div id="bla bla bla"> está cerrada con un </div>. Menos la que se llama capa global, ya que a esa se le pone el </div> (o se cierra) al final casi de todo lo demás (no digo que se cierra al final, como si fuese un concepto de tiempo, sino de lugar)

Como se puede ver en el extracto que saqué de sus códigos, usted abre la capa <div id="curva-inferior"> y luego la cierra con un </div>.

Luego usted pone un cierre de div, o sea esto </div>
¿Qué cierra eso?. Pues eso cierra la dichosa capa global que es la que encierra a todas las demás, (Excepto el body, claro).
El script que hay puesto allí, se pone fuera de la capa global, pero dentro del body, así que eso está correcto , ya que el script va justo antes del cierre del body o sea antes de </body>.

Y luego, como es lógico, viene al final el cierre del html, o sea </html>.

Bien, si usted revisa ese extracto de código que le muestro , verá que después de la capa <div id="curva-inferior"></div>
Usted tiene puesto dos cierres de div, o sea dos </div>, uno cierra la capa global, y está bien, pero el otro ¿qué cierra?

Pues el otro sobra, así que le sugiero que lo elimine.

En lo que respecta a que cuando va a su página (ya en internet), solo le abre el index.html y no puede ver la plantilla, es porque los navegadores siempre van a buscar una página que se llame index.html, ya que es la página por defecto que ellos buscan para abrir.

Por eso en la página index.html, usted debe hacer un enlace o link hacia su página plantilla.

Así que le sugiero que abra su index.html en vista código, y ponga un enlace hacia su página principal o plantilla.

Puede hacerlo de esta manera, en cualquier parte de su index, (pero dentro del body) (o entre el <body y el </body>):

Para ir a mi página principal, pulse acá</p>.

Luego nos dice si se arregló algo el problema

Saludos

He hecho todo lo que se me proponia, pero lo del div no veo nada arreglado.
Si en lo del enlace, pero claro entonces ocurre que primero sale una pagina y luego la otra, cuendo le clikeas en "aca". Pregunto ¿esto quiere decir que la primera es la pagina principal? si es así, ¿como se prondria esta segunda como pagina prncipal?
un aludo

Hola:

Para que la otra página sea la que primero se abra, debiera entonces cambiarle el nombre y ponerle index.html , y eliminar la otra, ya que no pueden haber dos paginas con el mismo nombre.

Aunque usted tenga veinte paginas en su web, los navegadores van a ir a por una que se llame index.html.

Por ello, la página que se muestra, cuando uno busca con el navegador cualquier web, es una página que se llama index.html.

Para lo de los div que comenta, pónganos por favor los códigos ya modificados como le sugerí, para ver algún posible detalle.

Saludos

PD.
Cuando modifique algo en su página que está en el ordenador, luego súbala a internet (al servidor) para ver los cambios, y cuando lo haga pulse en la barra de herramientas (Arriba) en "Actualizar"

GLOORIX · 3 Ene 2009, 04:50 · Solicitar retirada

Raulyure escribió:
GLOORIX escribió:
Raulyure escribió:
GLOORIX escribió:Hola a todos:
Quisiera que me ayudarais si podeis.
Os explico lo que me ocurre. He terminado todas las lecciones que figuran, pero el problema que viene desde la leccion 2, no se me ha corregido y no se porque. La curva tanto inferior como superior, se me quedan más cortas que el resto, he probado de todo- Os envio los estilos y la plantilla a ver si hay algo que no veo.

Otra cosa que me ocurre es que lo he subido a la web pero no me aparece la hoja de plantilla, sino la de html, os dejo la direccion
http://acanadas.mypressonline.com/ a ver si me decis el porque.
Muchas gracias de antemano

........................
Hola:
No voy a revisar aún todos sus códigos, (tengo que salir), pero mirándo rápidamente lo que usted ha puesto, creo que quizás en el curso Paso a Paso se le han pasado por alto un par de cosas.

Una es que a la capa #contenido, (en la hoja de estilo-general) se le olvidó ponerle un --- width:auto;

La otra, es que parece ser que usted en la página plantilla.html, allí justo después, o debajo del código de la curva inferior, usted tiene esto:

<div id="curva-inferior"></div>
</div></div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>

Se supone que lo que hay de la curva inferior hacia arriba está bien, o sea toda etiqueta tipo <div id="bla bla bla"> está cerrada con un </div>. Menos la que se llama capa global, ya que a esa se le pone el </div> (o se cierra) al final casi de todo lo demás (no digo que se cierra al final, como si fuese un concepto de tiempo, sino de lugar)

Como se puede ver en el extracto que saqué de sus códigos, usted abre la capa <div id="curva-inferior"> y luego la cierra con un </div>.

Luego usted pone un cierre de div, o sea esto </div>
¿Qué cierra eso?. Pues eso cierra la dichosa capa global que es la que encierra a todas las demás, (Excepto el body, claro).
El script que hay puesto allí, se pone fuera de la capa global, pero dentro del body, así que eso está correcto , ya que el script va justo antes del cierre del body o sea antes de </body>.

Y luego, como es lógico, viene al final el cierre del html, o sea </html>.

Bien, si usted revisa ese extracto de código que le muestro , verá que después de la capa <div id="curva-inferior"></div>
Usted tiene puesto dos cierres de div, o sea dos </div>, uno cierra la capa global, y está bien, pero el otro ¿qué cierra?

Pues el otro sobra, así que le sugiero que lo elimine.

En lo que respecta a que cuando va a su página (ya en internet), solo le abre el index.html y no puede ver la plantilla, es porque los navegadores siempre van a buscar una página que se llame index.html, ya que es la página por defecto que ellos buscan para abrir.

Por eso en la página index.html, usted debe hacer un enlace o link hacia su página plantilla.

Así que le sugiero que abra su index.html en vista código, y ponga un enlace hacia su página principal o plantilla.

Puede hacerlo de esta manera, en cualquier parte de su index, (pero dentro del body) (o entre el <body y el </body>):

Para ir a mi página principal, pulse acá</p>.

Luego nos dice si se arregló algo el problema

Saludos

He hecho todo lo que se me proponia, pero lo del div no veo nada arreglado.
Si en lo del enlace, pero claro entonces ocurre que primero sale una pagina y luego la otra, cuendo le clikeas en "aca". Pregunto ¿esto quiere decir que la primera es la pagina principal? si es así, ¿como se prondria esta segunda como pagina prncipal?
un aludo

Hola:

Para que la otra página sea la que primero se abra, debiera entonces cambiarle el nombre y ponerle index.html , y eliminar la otra, ya que no pueden haber dos paginas con el mismo nombre.

Aunque usted tenga veinte paginas en su web, los navegadores van a ir a por una que se llame index.html.

Por ello, la página que se muestra, cuando uno busca con el navegador cualquier web, es una página que se llama index.html.

Para lo de los div que comenta, pónganos por favor los códigos ya modificados como le sugerí, para ver algún posible detalle.

Saludos

PD.
Cuando modifique algo en su página que está en el ordenador, luego súbala a internet (al servidor) para ver los cambios, y cuando lo haga pulse en la barra de herramientas (Arriba) en "Actualizar"

Ahi mando los codigos nuevos:

estilos

*{text-indent:0px ; margin:0px ; padding:0px ; border: 0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font-size: 1.1em; color:blue ; 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 }
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
#publicidad { width:518px; float:right; margin-top:25px;font-size: 16px }
#navegacion {background-color:gray; border: black 1px solid;height:20px;}
#navegacion li {float:left;list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 180px }
#contenido {background-color: orange; border-left: black 1px solid ;
border-right: black 1px solid; }
#contenido p {margin:5px 10px 5px 10px;width:auto; text-indent:15px}
#menu {background-color:lorange; width:150px ; float:left; text-align:left; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif); background-position: bottom ; padding-bottom:5px }
}
#menu h1 {text-decoration:none ; font-size:12px; background-image: url(objetos/menu-parte-superior.gif) }
#menu li {list-style:none; margin:4px 8px 4px 6px}
#pie {border-left:black 1px solid ; border-right:black 1px solid ; border-top:black 1px solid; height:65px; }
#pie li {list-style: none;font-size: 12px }
#pieuno {background-color:white ; float:left; width:150px; }
#piedos {background-color: white ; float:left; width:498px }
#pietres {background-color: white ; float:left; width:150px; }

#curva-inferior {background-image:url(objetos/curva-inferior.gif);background-repeat:no-repeat;width: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 {}
#pie a {color: blue;text-decoration:none; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ;text-decoration:underline; background-color:white }
#pie a:active {color:black}

plantilla
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="estilos-general.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
</head>
<body onload="init();">
<div id "global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo"> [contenido no disponible] </div>
<div id="publicidad">Bienvenidos a mi web</div>
</div>
<div id="navegacion">
<ul>

Sección 1

Sección 2

Sección 3

Sección 4

</div>
<div id="contenido">
<div id="menu">
<h1>Título de Sección 1</h1>
<ul>

Elemento 1

Elemento 2

Elemento 3

Foro Ejemplo

Contactos

Nos Enlazan

</div>
<div id="piedos">pie dos</div>
<div id="pietres"><ul>

Directorio

TopSite

Mapa de la Web

</div></div>
<div id="curva-inferior"></div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>

Tambien estan copiados ya en el servidor.
Un saludo

Raulyure · 3 Ene 2009, 06:03 · Solicitar retirada

Hola:

Acá le dejo un poco mas ordenada la hoja de estilo, ya que debe llevar un mínimo de orden, es porque los navegadores leen de arriba hacia abajo.

Bueno, le comento.
Cuando le dije que a la capa #contenido le pusiese un width:auto, usted se equivocó, y es normal, si hasta yo me mareo con tanto código, lo que pasa es que usted sí que puso ese width:auto, pero se lo puso a la capa #contenido p o sea a la que habla acerca de los párrafos y debe ponerla en la capa #contenido{;width:auto;bla bla etc.}

Ahora le hablo acerca de la capa #contenido p seguramente por lo que veo, usted a la capa #contenido p le tiene puesto margin:5px 10px 5px 10px;, le sugiero que elimine la palabra margin y en su lugar ponga la palabra padding

El color de la capa #menu es orange, no lorange, ya se que es un error de tipografía que se coló en el curso, y es uno de los pocos casos que un código mal puesto funciona, pero eso puede traer prblemas a futuro por eso es bueno rectificarlo y poner orange

En la capa menu, al final usted cierra con una llave, eso es lo normal, pero usted puso una de más ( } )

Acá le dejo de como debiera de tener más o menos su hoja de estilo-general
.......................
*{text-indent:0px ; margin:0px ; padding:0px ; border: 0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font-size: 1.1em; color:blue ; 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:25px;font-size: 16px }
#navegacion {background-color:gray; border: black 1px solid;height:20px;}
#navegacion li {float:left;list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 180px }
#contenido {width:auto;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:orange; width:150px ; float:left; text-align:left; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif); background-position: bottom ; padding-bottom:5px}
#menu h1 {text-decoration:none ; font-size:12px; background-image: url(objetos/menu-parte-superior.gif)}
#menu li {list-style:none; margin:4px 8px 4px 6px}
#pie {border-left:black 1px solid ; border-right:black 1px solid ; border-top:black 1px solid; height:65px;}
#pie li {list-style: none;font-size: 12px}
#pieuno {background-color:white ; float:left; width:150px; }
#piedos {background-color: white ; float:left; width:498px}
#pietres {background-color: white ; float:left; width:150px;}
#curva-inferior {background-image:url(objetos/curva-inferior.gif);background-repeat:no-repeat;width: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 {}

#pie a {color: blue;text-decoration:none; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ;text-decoration:underline; background-color:white }
#pie a:active {color:black}

#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active{}
.....................................

Haga los cambios, súbalos y nos cuenta para seguir viendo

Saludos