Hola, no se pero algo no hice bien. Si pudierasis hecharme una mano genial!!, como dice Jorgens aquí os copio mi html y mi hoja de estilos general:
!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>[contenido no disponible][contenido no disponible]
<div id="cabecera">
<div id="logotipo">
[contenido no disponible]
</div>
<div id="navegacion">Barra de Navegacion</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>
Esperemos que me salga bien porque con todo el empeño no se como voy a quedar</p>
<h2>Y como me tengo que seguir enrrollando</h2>
para ver si me salen bien los párrafos pues nada este dicen que tiene que ser verdaderamente largo asi que en esas estoy espero que sea lo suficientemente largo para quedar perfecto. Pues al verlo me pareció corto asi que estoy intentando que sea un poquito no mucho pero si un poquito mas largo.¡Vamos a ver!. Bueno pues no quedo mal a si que aquí le dejo aparcado para seguir haciendo mi web.</p>
</div>
<div id="pie">Este es el pié de página</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
* {text-indent: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 ; height:85px }
#logotipo {background-color: brown; width:280px; float:left}
#publicidad {background-color: pink;width:518px; float:right}
#navegacion {background-color: gray ; border: black 1px solid}
#contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid }
#contenido p {margin: 5px 10px 5px 10px ; text-indent: 15px}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margint: 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}
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}
#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px
overflow: hidden }
Lo siento es largo, gracías.
!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>[contenido no disponible][contenido no disponible]
<div id="cabecera">
<div id="logotipo">
[contenido no disponible]
</div>
<div id="navegacion">Barra de Navegacion</div>
<div id="contenido">
<div id="menu">
<ul>
</div>
<h1>Esta será la zona principal de la web</h1>
Esperemos que me salga bien porque con todo el empeño no se como voy a quedar</p>
<h2>Y como me tengo que seguir enrrollando</h2>
para ver si me salen bien los párrafos pues nada este dicen que tiene que ser verdaderamente largo asi que en esas estoy espero que sea lo suficientemente largo para quedar perfecto. Pues al verlo me pareció corto asi que estoy intentando que sea un poquito no mucho pero si un poquito mas largo.¡Vamos a ver!. Bueno pues no quedo mal a si que aquí le dejo aparcado para seguir haciendo mi web.</p>
</div>
<div id="pie">Este es el pié de página</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
* {text-indent: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 ; height:85px }
#logotipo {background-color: brown; width:280px; float:left}
#publicidad {background-color: pink;width:518px; float:right}
#navegacion {background-color: gray ; border: black 1px solid}
#contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid }
#contenido p {margin: 5px 10px 5px 10px ; text-indent: 15px}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margint: 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}
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}
#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px
overflow: hidden }
Lo siento es largo, gracías.