tengo un par de problemas
1º que es que no me aparece el borde inferior redondeado
2º que el logotipo me esta pisando el resto de capas
os dejo mi plantilla y mi hoja de estilos por si me podeis ayudar
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<link rel="stylesheet" href="estilos-general.css" type="text/css" media="all">
<head>
<title>Page title</title>
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]
</div>
<div id="publicidad">Binevenidos a mi Web</div>
</div>
<div id="navegacion">Barra de navegacion</div>
<div id="contenido">
<div id="menu">
<ul>
Enlace 1 Enlace 2 Enlace 3
</div>
<h1>Esta sera la zona principal de la web</h1>
<h2>Esta es una prueba</h2>
de lo que llevo hecho hasta ahora, me encuentor sentado en el ordenador sin saber un poco lo que hago, por cierto voy a saltar de linea ahora</p>
y aqui voy a empezar otra linea nueva para que se vea la diferencia entre pausar un parrafo y otro, por ejemplo ahora lo voy a volver a pausar despues que el otro y deberia notarse un poco donde paro y que se esta metiendo debajo del menu y si siguiese (paro)</p>
escbiendo seguiria bajando la linea de contenido</p>
</div>
<div id="pie">Este es el pie de la pagina</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
Hoja de estilos
*{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}
#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 }
#logotipo {background-color: brown ; width: 280px ; float:left}
#publicidad {background-color: pink; width: 518px ; float:right}
#navegacion {background-color: green ; border: 1px solid black }
#contenido {background-color: red ; float : left ; border-left:1px black solid ; border-right: 1px black solid}
#contenido p {padding: 5px 10px 5px 10xp ; text-indent: 15px}
#menu {background-color: gray ; width: 150px ; float:left ; text-align:left ; margin: 3px 10px 3px 3px}
#menu li {list-style : none ; margin: 4px 0px 4px 6px}
#pie {background-color:white ; border-top: black 1px solid ; border-left: black 1px solid ; border-right: 1px black solid}
#curva-inferior { background-image: url(obejtos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow:hidden}
a {color: brown ; text-decoration: none ; display:block}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration: underline ; background-color:silver}
a:active {}
1º que es que no me aparece el borde inferior redondeado
2º que el logotipo me esta pisando el resto de capas
os dejo mi plantilla y mi hoja de estilos por si me podeis ayudar
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<link rel="stylesheet" href="estilos-general.css" type="text/css" media="all">
<head>
<title>Page title</title>
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]
</div>
<div id="publicidad">Binevenidos a mi Web</div>
</div>
<div id="navegacion">Barra de navegacion</div>
<div id="contenido">
<div id="menu">
<ul>
</div>
<h1>Esta sera la zona principal de la web</h1>
<h2>Esta es una prueba</h2>
de lo que llevo hecho hasta ahora, me encuentor sentado en el ordenador sin saber un poco lo que hago, por cierto voy a saltar de linea ahora</p>
y aqui voy a empezar otra linea nueva para que se vea la diferencia entre pausar un parrafo y otro, por ejemplo ahora lo voy a volver a pausar despues que el otro y deberia notarse un poco donde paro y que se esta metiendo debajo del menu y si siguiese (paro)</p>
escbiendo seguiria bajando la linea de contenido</p>
</div>
<div id="pie">Este es el pie de la pagina</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
Hoja de estilos
*{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}
#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 }
#logotipo {background-color: brown ; width: 280px ; float:left}
#publicidad {background-color: pink; width: 518px ; float:right}
#navegacion {background-color: green ; border: 1px solid black }
#contenido {background-color: red ; float : left ; border-left:1px black solid ; border-right: 1px black solid}
#contenido p {padding: 5px 10px 5px 10xp ; text-indent: 15px}
#menu {background-color: gray ; width: 150px ; float:left ; text-align:left ; margin: 3px 10px 3px 3px}
#menu li {list-style : none ; margin: 4px 0px 4px 6px}
#pie {background-color:white ; border-top: black 1px solid ; border-left: black 1px solid ; border-right: 1px black solid}
#curva-inferior { background-image: url(obejtos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow:hidden}
a {color: brown ; text-decoration: none ; display:block}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration: underline ; background-color:silver}
a:active {}