En el internet explore se me ve bien, pero en chrome no.
Por si álguien puede ayudarme. Aqui os dejo mis códigos por si os sirve de algo:
HTLM:
<!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">
<div id="logotipo">
<a href="index.html">
<img src="objetos/comocreartuweb.gif" width="270" height="80"
alt="Haz clic aquí para volver a la página de inicio">
</a>
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
<li>Sección 1</li>
<li>Sección 2</li>
<li>Sección 3</li>
<li>Sección 4</li>
</ul>
</div>
<div id="contenido">
<div id="menu">
<h1>Título de Sección 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>Este es un título de importancia Uno</h1>
<p>Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.
</p><h2> Y este es el tercer párrafo</h2></p>. En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.
Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
</div>
<div id="pie">Este es el pié de página</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
ESTILOS:
*{margin:0px; padding:0px; border:0px;}
p{text-align:justify}
h1{font-size:1.2em;color:blue;font-weight:boldtext-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;}
#curva-superior{background-image:url(objetos/curva-superior[1].gif);
background-repeat:no-repeat;width:800px; height:12px;overflow:hidden;}
#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:white;width:280px;float:left;}
#publicidad{background-color:white;width:518px;float:right;margin-top:25px;}
#navegacion{background-color:gray;border:black 1px solid;height:20px;}
#navegacion li{float:left;list-style:none;margin:0px 20px 0px 20px;}
#navegacion ul{margin-left: 180px;}
#contenido{background-color:orange;width:800px; float:left;
border-left:black 1px solid; border-right:black 1px solid;}
#contenido p{padding:5px 10px 5px 10px;text-indent:15px}
#menu{background-color:yellow;width:150px;float:left;text-align:left;margin-right:10px;}
#menu li{list-style:none;margin:10px 10px 10px 10px;}
#menu h1{}
#pie{background-color:white;border-left:black 1px solid;
border-right: black 1px solid;border-top:black 1px solid;}
#curva-inferior{background-image:url(objetos/curva-inferior[1].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{}
Por si álguien puede ayudarme. Aqui os dejo mis códigos por si os sirve de algo:
HTLM:
<!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">
<div id="logotipo">
<a href="index.html">
<img src="objetos/comocreartuweb.gif" width="270" height="80"
alt="Haz clic aquí para volver a la página de inicio">
</a>
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
<li>Sección 1</li>
<li>Sección 2</li>
<li>Sección 3</li>
<li>Sección 4</li>
</ul>
</div>
<div id="contenido">
<div id="menu">
<h1>Título de Sección 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>Este es un título de importancia Uno</h1>
<p>Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.
</p><h2> Y este es el tercer párrafo</h2></p>. En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.
Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
</div>
<div id="pie">Este es el pié de página</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
ESTILOS:
*{margin:0px; padding:0px; border:0px;}
p{text-align:justify}
h1{font-size:1.2em;color:blue;font-weight:boldtext-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;}
#curva-superior{background-image:url(objetos/curva-superior[1].gif);
background-repeat:no-repeat;width:800px; height:12px;overflow:hidden;}
#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:white;width:280px;float:left;}
#publicidad{background-color:white;width:518px;float:right;margin-top:25px;}
#navegacion{background-color:gray;border:black 1px solid;height:20px;}
#navegacion li{float:left;list-style:none;margin:0px 20px 0px 20px;}
#navegacion ul{margin-left: 180px;}
#contenido{background-color:orange;width:800px; float:left;
border-left:black 1px solid; border-right:black 1px solid;}
#contenido p{padding:5px 10px 5px 10px;text-indent:15px}
#menu{background-color:yellow;width:150px;float:left;text-align:left;margin-right:10px;}
#menu li{list-style:none;margin:10px 10px 10px 10px;}
#menu h1{}
#pie{background-color:white;border-left:black 1px solid;
border-right: black 1px solid;border-top:black 1px solid;}
#curva-inferior{background-image:url(objetos/curva-inferior[1].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{}