Entrar

problema al redondear esquinas

coqui · · Solicitar retirada
hola, al redondear las esquins, la parte naranja se queda como grande y se ve por abajo, ademas es mas ancha que las otras
os pongo detalle



y aqui el index

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

<html>
<head>
<title>agaporniscoqui</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">Bienvenidos a mi web</div>
<div id="navegacion">Barra de navegacion</div>
<div id="contenido">
<div id="menu">
<ul>
  • foro
  • Premiados
  • Bricolaje
    </div><h1>agaporniscoqui</h1>
    <h2>Bienvenidos a este maravilloso hobby que son los agapornis</h2>


    La idea de hacer una pagina web vino tras ver que el foro va genial, con un aumento diario de usuarios y bastante actividad, al ver esto, dijimos, pues vamos a seguir creciendo, y aqui esta nuestro siguiente proyecto</p>


    En breve podremos disfrutar de esta pagina, que ahora esta en construccion, pero mientras, nos podemos conocer en el foro, mira en el menu y pincha en el enlace</p>


    Saludos</p>


    Coqui</p>
    <div id="pie">Este es el pie de pagina</div>
    <div id="curva-inferior"></div>
    </div>

    </body>
    </html>



    y la hoja de estilos

    *{margin: 0px; padding: 0px; border: 0px}
    body {text-align: center; background-color: #E6E6FA}
    #global {width:800px ; margin: 4px auto }
    #cabecera {background-color: white; border-left: black 1px solid ; border-right: black 1px solid}
    #navegacion {background-color: gray; border: black 1px solid}
    #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; border: 1px solid black ; margin: 3px 10px 3px 3px}
    #menu li { list-style:none; margin: 4px 0px 4px 6px}
    #pie { background-color: white ;
    border-left: black 1px solid ;
    border-right: black 1px solid;
    border-top: black 1px solid }

    #curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat; width:800px ;
    height: 12px;
    overflow: hidden }
    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
    background-repeat: no-repeat ;
    width:800px ;
    height: 12px;
    overflow: hidden }

    a {color: blue; font-size:1.3em ; text-decoration: none; display: block}
    a:link {}
    a:visited {}
    a:hover {color:red; text-decoration:underline; background-color: silver}
    a:active {}
    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}





    muchas gracias por vuestra ayuda
    • power · · Solicitar retirada
    creo que es por el :

    #contenido p {padding: 5px 10px 5px 10px}

    prueba a ponerle un padding menor
    power · · Solicitar retirada
    se te ha olvidado cerra la capa contenido

    pon esto antes de la capa pie

    </div>


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

    <html>
    <head>
    <title>agaporniscoqui</title>
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    </head>
    <body>
    <div id="global">
    <div id="curva-superior"></div>
    <div id="cabecera">Bienvenidos a mi web</div>
    <div id="navegacion">Barra de navegacion</div>
    <div id="contenido">
    <div id="menu">
    <ul>
  • foro
  • Premiados
  • Bricolaje
    </div><h1>agaporniscoqui</h1>
    <h2>Bienvenidos a este maravilloso hobby que son los agapornis</h2>


    La idea de hacer una pagina web vino tras ver que el foro va genial, con un aumento diario de usuarios y bastante actividad, al ver esto, dijimos, pues vamos a seguir creciendo, y aqui esta nuestro siguiente proyecto</p>


    En breve podremos disfrutar de esta pagina, que ahora esta en construccion, pero mientras, nos podemos conocer en el foro, mira en el menu y pincha en el enlace</p>


    Saludos</p>


    Coqui</p>
    </div>
    <div id="pie">Este es el pie de pagina</div>
    <div id="curva-inferior"></div>
    </div>

    </body>
    </html>