como puedo solucionar elproblema de bordes que sobresalen en

este es un problemilla que no puedo resolver aun, como aline para que el borde excedente quede igual que los otros. aca les muestro la pagina con el error.
<!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">
<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"><h1>hola soy juan cruz, ya falta menos</h1></div>
</div>
<div id="navegacion">
<ul>
  • Sección 1
  • Sección 2
  • Sección 3

    </div>

    </div>
    <div id="contenido">

    <div id="menu">
    <h1>Título de Sección 1</h1>
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
  • Enlace 4
    </div>

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


    Este es mi segundo párrafo. 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í.</p>
    <h2>Y este es el tercer párrafo.</h2>

    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>

    <script language="javascript" src="definir-menus.txt" type="text/javascript"></script>

    </body>
    </html>
    </div>
    </body>
    </html>
  • juan cruz83 escribió:este es un problemilla que no puedo resolver aun, como aline para que el borde excedente quede igual que los otros. aca les muestro la pagina con el error.
    <!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">
    <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"><h1>hola soy juan cruz, ya falta menos</h1></div>
    </div>
    <div id="navegacion">
    <ul>
  • Sección 1
  • Sección 2
  • Sección 3

    </div>

    </div>
    <div id="contenido">

    <div id="menu">
    <h1>Título de Sección 1</h1>
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
  • Enlace 4
    </div>

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


    Este es mi segundo párrafo. 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í.</p>
    <h2>Y este es el tercer párrafo.</h2>

    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>

    <script language="javascript" src="definir-menus.txt" type="text/javascript"></script>

    </body>
    </html>
    </div>
    </body>
    </html>
  • Hola :
    Oye , yo soy bastante nuevo en esto pero me parece que te sobra abajo el último </html> el body que está sobre ese html, y el div que está sobre ese body o sea habría que borrar esos últimos tres.
    Saludos
    Agradecido de los que aprenden enseñando
    asi es

    pero...... yo no veo ningun borde que sobresale
    donde lo ves tu???????

    en la red, o en la vista previa del programa????

    saludos
    Yo no veo que sobresalga ningun borde, pero si veo que cuando nos distes el codigo, esta repetido al final, </body> y </html>


    Fijate
    HOLAAAA , COMO ANDAN??
    EN LA URL VEO LA PARTE QUE SERIA DE MENU DE COLOR NARANJA ES MAS ANCHA QUE LOS DEMAS SECTORES Y LO ESCRITO DENTRO TAMBIEN.

    TE PASO LA URL: ESTA ES MI URLhttp://lamejor.mywebcommunity.org/plantilla.html.

    Y ESTE ES EL CODIGO HTML DE MI PLANTILLA.HTML :<!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">
    <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"><h1>hola soy juan cruz, ya falta menos</h1></div>
    </div>
    <div id="navegacion">
    <ul>
  • Sección 1
  • Sección 2
  • Sección 3

    </div>

    </div>
    <div id="contenido">

    <div id="menu">
    <h1>Título de Sección 1</h1>
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
  • Enlace 4
    </div>

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


    Este es mi segundo párrafo. 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í.</p>
    <h2>Y este es el tercer párrafo.</h2>

    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>

    <script language="javascript" src="definir-menus.txt" type="text/javascript"></script>

    </body>

    </div>

    </html>

    ---Y POR LAS DUDAS LES PASO ESTILOSGENERAS.CSS:* {text-indent:0px ; margin:0px ; padding:0px ; border:0px ; list-style: none}
    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: BLACK; border-left: black 1px solid ;
    border-right: black 1px solid ; height:85px}

    #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 0px 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 li {list-style:none ; margin: 4px 8px 4px 6px }
    #menu h1 {text-decoration:none ; font-size:12px ;
    background-image: url(objetos/menu-parte-superior.gif)}


    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
    background-repeat: no-repeat ;
    width: 800px ;
    height:12px ;
    overflow: hidden }
    #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 {float:left ; width:150px }
    #piedos {float:left ; width:498px ; background-color: silver}
    #pietres {float:left ; width:150px }
    #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}
    a: {color: brown ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active {}
    a.enlaceuno {}
    a.enlaceuno:link {}
    a.enlaceuno:visited {}
    a.enlaceuno:hover {}
    a.enlaceuno:active {}
    #logotipo a {}
    #logotipo a:link {}
    #logotipo a:visited {}
    #logotipo a:hover {background-color: white }
    #logotipo a:active {}
    DESDE YA MUCHAS GRACIAS .
  • Hola

    Ahora veo un descuadre total

    ya lo viste con firefox??????

    el logotipo, es maaas alto que la cabecera

    saludos
    LA VERDAD QUE YA PROBE TODO , AHORA CAMBIO LA PAGINA PERO SIGUE EL BORDE DEL MENU SOBRESALIENDO
    Hola

    empezamos

    te sobra un cierre (en rojo)

    [contenido no disponible]

    y sigo checando....
    No tienes definido la div
    logotipo en el css

    o al menos yo no la encuentro checalo y me avisas ok??
    aqui hay algo raro

    <script language="javascript" src="definir-menus.txt" type="text/javascript"></script>

    </body>

    </div>

    </html>

    ese cierre de div debe estar antes del cierre del body

    sigo.......
    Te falta checar como se llama la curva superior del menu
    creo que tienes un fallo ahi
    Y

    aqui te sobra lo rojo

    <div id="navegacion">
    <ul>
  • Sección 1
  • Sección 2
  • Sección 3

    </div>

    </div>
  • Yaneth, Jugoncan y Blaizer son los mejores, espero que se te solucione todo Juan.

    A y por supuesto tu Jorgens.