Problemas curva inferior

Karen Bess · 30 Sep 2010, 10:38 · Solicitar retirada

Hola, he estado buscando la solución en otras entradas, pero no la he encontrado, así que abro un hilo nuevo.

No consigo que se vea la curva inferior.

estilo-general.css

* {margin:0px ; padding:0px ; border:0px}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: #F5F5F5 ; border-left: #9C9C9C 1px solid ; border-right: #9C9C9C 1px solid }
#navegacion {background-color: #7CFC00 ; border:#9C9C9C 1px solid }
#contenido {background-color: #E8E8E8 ; background-image: url(objetos/fondo1.jpg) ; background-repeat: no-repeat ; background-position: center center ; border-left:#9C9C9C 1px solid; border-right:#9C9C9C 1px solid}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#pie {background-color: #F5F5F5 ; border-left: #9C9C9C 1px solid ; border-top: #9C9C9C 1px solid ; border-right: #9C9C9C 1px solid}
#menu {background-color: #CD8C95; width: 150px ; float:right ; text-align:center ; margin: 10px 10px 400px 10px }
#menu li {list-style:none ; margin: 4px 2px 4px 2px }
a {color: #1C1C1C ; font-size:1.3em ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:#E8E8E8 ; background-color: #8B0000 }
a:active {}
p {text-align: justify}
h1 {font-size: 1.2em; color:#363636 ; font-weight: comic-sans ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:#363636 ; font-weight: bradley ; text-decoration: none ; text-align: center}
#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}

Karen Bess · 30 Sep 2010, 10:48 · Solicitar retirada

Ya lo solucioné, mi error estaba en el margen inferior del menú, no me gusta que el contenido se meta debajo del menú y había puesto un margen demasiado grande y la curva aparecía, pero aparecía tan abajo que ni la había visto...

Kratos22 · 4 Oct 2010, 19:42 · Solicitar retirada

Mi problema es un poco raro :lol: pero solucionable, creo :roll: , necesito que me ayudéis con esto: Tengo puesto esto en la plantilla.html del HTML-Kit:

<!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">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>

Enlace 1

Enlace 2

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

Este apartado es para bla bla bla...</p>
<h2>Definición de "Independencia"</h2>

La independencia es la situación de un país o nación que no está sometido a la autoridad de otro.
Como concepto político apareció con la Declaración de Independencia de los Estados Unidos en 17761 como respuesta al colonialismo europeo y se extendió con las declaraciones de independencia de los países latinoamericanos dependientes del Imperio español en la Guerra de Independencia Hispanoamericana (1809-1824). Más adelante el concepto se relacionó estrechamente con el principio de no intervención y el derecho de autodeterminación de los pueblos.
La independencia se distingue de la autonomía. La autonomía es un régimen de descentralización del poder, en el cual ciertos territorios o comunidades integrantes de un país, gozan de algunas facultades ejecutivas, legislativas y judiciales, en ciertas materias, o competencias, que quedan así fuera del alcance del gobierno central.</p>
</div>
<div id="pie">Este es el pié de página</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>

Y en el estilo-general.css esto:

* {text-ident : 0px ; margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#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-ident : 15px }
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}
#menu {background-color: yellow; width: 150px ; float:left ; text-align:left ; margin-right : 10px ; 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 }
a {color: brown ; 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}
#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 }

No se como se soluciona esto, pero en la plantilla.html que tengo introducida en la carpeta web-ejemplo-cctw-local se me ve todo absolutamente bien, pero en la plantilla.html que tengo introducida en la carpeta FTP llamada web-ejemplo-cctw-internet y que se ve vista previa en mi web (http://esteeselsubdominiodejoan.onlinewebshop.net/plantilla.html) no se ve la curva-inferior, no se por qué.

Si alguien sabe que le pasa que me avise, si creéis que es el Hosting el culpable, no pasa nada pero decírmelo :(

Gracias a todos :cry:

Karen Bess · 5 Oct 2010, 00:12 · Solicitar retirada

Desde IE sí se ve la curva inferior.

Kratos22 · 10 Oct 2010, 15:14 · Solicitar retirada

Gracias por todo! El problema es del navegador que uso ( Google Chrome ), pero en el Internet Explorer se ve a la perfección...

Gracias :)