Entrar

Problema de bordes dobles

piolina · · Solicitar retirada
Hola, llevo muy poquito en esto de crear webs, de hecho creo que no llevo ni dos semanas, e seguido los tutoriales casi casi al pie de la letra para hacer mi web, pero como vereis en la imagen, el problema que tengo es que me salen los bordes de contenido y demas por duplicado, la verdad no encuentro donde esta el problema.
Os dejo la foto de la web, los datos de estilo y los de la plantilla.

Estilo

* {text-indent:0px ; margin:0px ; padding:0px ; border: 0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:#0000EE ; font-weight: bold ; text-decoration: underline ; text-align: center; margin: 20px 0px 20px 0px}
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 {background-color: #7EC0EE}
#navegacion {background-color: silver; border: black 1px solid ; height:20px}
#navegacion li {float:left; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 60px }
#contenido {background-color: #C6E2FF; border-left: black 1px solid ; border-right: black 1px solid }
#contenido p {padding: 5px 10px 5px 10px}
#menu {background-color: #E6E6FA; width: 150px ; float:left; text-align:left; margin:10px 10px 10px 10px}
#menu li { list-style:none; margin: 7px 2px 7px 10px}
#pie {border-left: black 1px solid ;border-right: black 1px solid ;border-top: black 1px solid ;height: 65px}
#pieuno {background-color: white ; float:left; width:50px ; border-right: black 1px solid }
#piedos {background-color: white ; float:left; width:400px }
#pietres {background-color: white ; float:left; width:100px ;border-left: black 1px solid }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;background-repeat: no-repeat ; width:800px ; height: 12px; overflow: hidden }
a {color: blue; text-decoration: none}
a:link {}
a:visited {color: red; text-decoration: none}
a:hover {}
a:active {}

Plantilla

<html>
<head>
<title>Gráficos gratis</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="navegacion">
<ul>
  • Inicio
  • Patrones gratis
  • Tus trabajos
  • Tutoriales
  • Foros
  • Contacta conmigo

    </div>
    <div id="contenido">
    <div id="menu">
    <ul>
  • Abecedarios
  • Animales
  • Celebraciones
  • Dibujos animados
  • Escudos
  • Paisajes
  • Pinturas
  • Signos del zodiaco

    </div>
    <h1>Patrones gratis</h1>


    Para poder abrir los archivos descargados necesitaras un descompresor, normalmente se utiliza el winrar.</p>


    Por otra parte para abrir los archivos necesitaras los programas adecuados, los más utilizados son pscstitch 6, puntotek 2.5 y stitch creator 3.0.</p>


    Recomiendo para mejor utilización de los gráficos, una vez abierto con el programa adecuado, se imprima para su mejor utilización.</p>


    Si teneis cualquier duda, no dudeis en contactar conmigo</p>
    </div>
    <div id="pie">
    <div id="pieuno">pie uno</div>
    <div id="piedos">pie dos</div>
    <div id="pietres">pie tres</div>
    </div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>

    Imagen
    [contenido no disponible]


    Espero que me podais ayudar.
    Gracias por adelantado
    • www.patronespuntodecruz.es
    piolina · · Solicitar retirada
    Veo que nadie responde, alguien me puede ayudar?????
    Espero que si, y espero respuestassss
    www.patronespuntodecruz.es
    Yaneth · · Solicitar retirada
    Hola

    tranquila.....
    estoy checando tus codigos, por lo pronto te digo que te falta cerrar la
    div global

    pero.... sigo checando

    saludos
    Ax3l · · Solicitar retirada
    vCambia lo de rojo en tu hoja de estilo.

    #contenido {background-color: #C6E2FF; border-left: black 1px solid ; border-right: black 1px solid }

    Por esto:

    #contenido {background-color: #C6E2FF; border-left: black 0px solid ; border-right: black 0px solid }


    ESto:

    #pie {border-left: black 1px solid ;border-right: black 1px solid ;border-top: black 1px solid ;height: 65px}

    Por esto:

    #pie {border-left: black 0px solid ;border-right: black 0px solid ;border-top: black 1px solid ;height: 65px}
    Ax3l · · Solicitar retirada
    Lo siento Yaneth no me fije que tu lo estabas viendo :oops:
    Yaneth · · Solicitar retirada
    No problema
    tal vez encuentres el error

    que ya me volvi loca y no lo veo

    hay una separación entre la div nevegación y la contenido

    tu la vez????
    Ax3l · · Solicitar retirada
    Si..

    Hay una separacion entre ambas y en medio se mete el div de menu.

    Pero en el IE no se nota, pero en el Opera si, se ve un fondo blanco
    en medio
    Yaneth · · Solicitar retirada
    si, yo lo veo con firefox, y no encuentro el error
    jejejeej

    seguro que es alguna bobada
    jajajajaj
    Ax3l · · Solicitar retirada
    Jeje.. pues al menos para el problema que dijo de los bordes
    dobles creo que solo basta con cambarle el border-left en el
    div de menu y contenido.. al menos eso creo o no? :?
    piolina · · Solicitar retirada
    Gracias, menos mal que alguien respondio, porque yo me estaba volviendo loca.
    Mirare lo que me habeis dicho y probare, ya os contare si se soluciona o no.

    Saludos
    www.patronespuntodecruz.es
    piolina · · Solicitar retirada
    Primero cerre la div de global y me desmonto la web, despues probe de cerrar la de cabecera y ya no se ven los bordes dobles, pero ahora la parte de la cabecera, deja un espacio despues del logotipo. Os dejo la imagen a ver que pasa.

    [contenido no disponible]
    www.patronespuntodecruz.es
    Yaneth · · Solicitar retirada
    si, ese error ya lo había visto, aunque no encuentro porque

    seguiré buscando a ver que pasa


    saludos
    Tania · · Solicitar retirada
    Puede ser que no deje espacio, sino que simplemente la foto del logo
    sea más estrecha que el div donde va y por eso se vea el trozo ese blanco
    piolina · · Solicitar retirada
    Lo unico que he hecho es cerrar el div de la cabecera, en la primera imagen que os puse, ahi se ve perfecto y despues de cerrar el div me sale el espacio ese en blanco, pero tambien en la parte del contenido me falta un trozo de borde. Yo no encuentro nada, con lo poco que se de hacer paginas web.

    Saludos