No me funciona "overflow:hidden"

Susana L · 8 Feb 2012, 17:15 · Solicitar retirada

Hola, estoy siguiendo el curso "ejemplo con Divs" y al añadir la curva-inferior, no me funciona el estilo "overflow:hidden", sin embargo en la parte superior si, os dejo el codigo del "<div id="curva-inferior"></div> ...... #curva-inferior{background-image:url(objetos/curva-inferior-prueba.gif);background-repeat:no-repeat;width:800px;height:20px;overflow:hidden;}
El problema esque el pie se queda separado de la imagen.....
gracias por la ayuda
Susana

olukarak · 8 Feb 2012, 17:53 · Solicitar retirada

A mí personalmente no se me ocurre qué podría ser. ¿Sería posible que pegues el código completo del programa?

Susana L · 8 Feb 2012, 18:05 · Solicitar retirada

hola te pego el codigo. Gracias
*{text-ident: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;background-image:url(objetos/fondo-fondo.png);background-repeat:no-repeat;}
#global{width:800px;margin:4px auto;}
#curva-superior{background-image:url(objetos/curva-superior-prueba.gif);background-repeat:no-repeat;width:800px; height:12px;;overflow:hidden}
#cabecera {background-color:white; border-left:blue 2px solid; border-right:blue 2px solid; height:255px;font-size:3em;font-weight:bold}
#logotipo{widht:250px;float:left;}
#publicidad{widht:548px;float:right;margin-top:25px;margin:100px 60px 100px 0px}
#navegacion{background-color:#6495ED;height:30px;border-right:blue 2px solid; border-left:blue 2px solid;}
#navegacion li{float:left;list-style:none;margin:5px 10px 20px 30px; font-size:0.8em;font-weight:bold}
#contenido {background-color:white;border-left:blue 2px solid;border-right:blue 2px solid;}
#contenido p{padding:5px 10px 5px 10px;text-indent:15px;}
#menu{width:150px;float:left;text-align:left;margin-right:3px 10px 3px 3px; background-image:url(objetos/menu-parte-inferior.gif); background-position:bottom; padding-bottom:5px;;overflow:hidden}
#menu li{list-style:none;margin:4px 8px 4px 6px;}
#menu h1{text-decoration:none; font-size:15px; background-image:url(objetos/menu-curva-superior.gif); padding-top:12px;}
#pie{background-color:white;border:blue 2px solid;height:65px;}
#pie li{list-style:none;font-size:12px;}
#pieuno{float:left; width:200px;border-right:blue 2px solid;font-size:12px;height:60px}
#piedos{float:left; width:198px;border-right:blue 2px solid;font-size:12px;height:60px}
#pietres{float:left; width:196px; border-right:blue 2px solid;font-size:12px;height:60px}
#piecuatro{float:left; width:200px;font-size:12px;}
#curva-inferior{background-image:url(objetos/curva-inferior-prueba.gif);background-repeat:no-repeat;width:800px;height:20px;overflow:hidden;}

olukarak · 8 Feb 2012, 18:36 · Solicitar retirada

Faltó el HTML.

Susana L · 8 Feb 2012, 18:49 · Solicitar retirada

Upsss!! claro aqui esta
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>

<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general-pruebas.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>

<div id="cabecera">
<div id="logotipo"><a href="index.html"><img src="objetos/logo.gif"widht="250" height="250" alt="Haz clic aqui para volver a la pagina de inicio"></a></div>
<div id="publicidad">Checkin PamplonA</div>
</div>
<div id="navegacion"><ul><li><a href="#">INICIO</a></li><li><a href="#"> MISTERY SHOPPING</a></li><li><a href="#">OPTIMIZACION Y NUEVOS RECURSOS</a></li><li><a href="#">REDES SOCIALES Y WEB</a></li><li><a href="#">OPINA</a></li></ul></div>

<div id="contenido">

<div id="menu">
<h1>Titulo seccion 1</h1><ul><li><a href="#">Enlace 1</a></li><li><a href="#">Enlace 2</a></li><li><a href="#">Enlace 3</a></li></ul>
</div>

<h1>Esta será la zona principal de la web</h1>
<p>En esta web textoo texto texto texto texto texto xtxto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto te
xto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto te
xto texto texto texto texto texto texto texto texto texto texto texto teo texto texto texto texto texto texto texto texto texto texto texto te xto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
<h2>Este es el segundo titulo</h2>
<p>Los contenidos de esta webtextoo texto texto xto texto texto texto texto textoexto texto xto texto texto texto texto textoexto texto xto texto texto texto texto textoexto texto xto texto texto texto texto textoexto texto xto texto texto texto texto textoexto texto xto texto texto texto texto textoexto texto xto texto texto texto texto textoexto texto xto texto texto texto texto textoexto texto xto texto texto texto texto textoexto texto xto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto te texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto te
xto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
</div>

<div id="pie"><div id="pieuno"><a href="#">Contacta</a></div><div id="piedos">paginas amigas<ul><li><a href="#">nasf</a></li><li><a href="#">sindrome up</a></li></ul></div><div id="pietres"><a href="#">Nosotros</a></div><div id="piecuatro">By Susana Lahera Martín</div></div></div>

<div id="curva-inferior"></div>
</div>
</body>
</html>

manmanu · 8 Feb 2012, 21:53 · Solicitar retirada

Hola a tod@s... con el permiso de olukarak

Creo que lo que te genera ese salto, puede ser esto;
<div id="piecuatro">By Susana Lahera Martín</div></div> ----------></div>
revisalo...

suerte.

manmanu

Susana L · 9 Feb 2012, 09:46 · Solicitar retirada

XD, XD, XD, XD, XD, XD, mil gracias!!! Funciona!!!!! :)
:)
:)

olukarak · 9 Feb 2012, 10:20 · Solicitar retirada

manmanu escribió:Hola a tod@s... con el permiso de olukarak [...]

Plebeyo, doy mi aprobación a tu respuesta. Estás aprendiendo del mejor (yo). Pero debemos dejar claro mi superioridad intelectual y de conocimientos generales comparado con todo miembro del foro y ser viviente del universo.

manmanu · 9 Feb 2012, 14:20 · Solicitar retirada

Jajajajaja...........
Menos mal, un humano con sentido común XD.......

PD_______
Eso se arregla con un par de "aspirinas" (traducido, un par de dias de mambo y un par de birras).
saludos

Para susana, me alegra que se haya resuelto...jijijiji yo ya sabía que se resolvería.

olukarak · 9 Feb 2012, 15:44 · Solicitar retirada

manmanu escribió:Para susana, me alegra que se haya resuelto...jijijiji yo ya sabía que se resolvería.

Claro, pequeño saltamontes, porque te lo dije yo.