Problema logotipo

Bueno me puse a meter mano en una copia que tenia de loq eu habia echo y parti por cambiar colores y poner otro banner

Y me surgio el siguiente problema:

[contenido no disponible]

Este es el codigo de la plantilla

<!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">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt"          type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt"   type="text/javascript"></script>

</head>
<body onload="init();">

<div id="global">
  <div id="curva-superior"></div>
  <div id="cabecera">
    <div id="logotipo">[url="index.html"][img]objetos/logotipo.gif[/img][/url]</div>
    
 
  <div id="navegacion">
    <ul>
      [*][url="#"]Sección 1[/url]
      [*][url="#"]Sección 2[/url]
      [*][url="#"]Sección 3[/url]
    [/list]
  </div>
  <div id="contenido">
       <div id="menu">
         <h1>Contenido</h1>
<ul>[*][url="#"]Inicio[/url][*][url="#"]Descargas[/url][*]
[url="#"]Contactenos[/url][*][url="#"][/url][url="#"]Foros[/url][/list]
       </div>
<h1>Esta será la zona principal de la web</h1>


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>


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.</p>


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">
	<div id="pieuno"><ul>
    [*][url="#"]Foro Ejemplo[/url][*][url="#"]Contactos[/url][*][url="#"]Nos Enlazan[/url][/list]
		</div>
  <div id="piedos">pie dos</div>
  <div id="pietres"><ul>
    [*][url="#"]Directorio[/url][*][url="#"]TopSite[/url][*][url="#"]Mapa de la Web[/url][/list]
	</div>
	</div>
 
 
  <div id="curva-inferior"></div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>

este es de el estilo genral

* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:orange ; font-weight: bold ; text-decoration: underline ;
    text-align: center}
h2 {font.size: 1.1em; color:orange ; 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   {border-left: black 1px solid ; 
             border-right: black 1px solid ; height:85px}
#logotipo   {width:780px ; padding-bottom: 5px;  }
#navegacion {background-color: #F2F2F2 ; 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: #000070 ; border-left: black 1px solid ; 
             border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px; color: #FFFFFF}
#menu       {background-color:  ; width: 150px ; float:left ; 
             text-align:left ; margin: 3px 10px 3px 3px ;
             background-image: url(objetos/menu-parte-inferior.gif);
			 background-position: bottom ;
             padding-bottom:5px }
#menu li    {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
          background-image: url(objetos/menu-curva-superior.gif);color: black }
#pie { background-color: white ; 
       border-left: black 1px solid ; 
       border-right: black 1px solid; 
       border-top: black 1px solid;
			 height: 65px }
#pie li  {list-style: none; font-size: 12px }
#pieuno  {float:left; width: 150px;  }
#piedos  {float:left; width: 498px }
#pietres {float:left; width: 150px; } 

#curva-inferior { background-image: url(objetos/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  {}

a.enlaceuno         {}
a.enlaceuno:link    {}
a.enlaceuno:visited {}
a.enlaceuno:hover   {}
a.enlaceuno:active  {}

#pie a         {color: blue; text-decoration:none ; display: block }
#pie a:link    {}
#pie a:visited {}
#pie a:hover   {color:black ; text-decoration:underline ; background-color: yellow }
#pie a:active  {color:black}

#logotipo a         {}
#logotipo a:link    {}
#logotipo a:visited {}
#logotipo a:hover   {background-color: white }
#logotipo a:active  {}
x_k1000o_x escribió:Bueno me puse a meter mano en una copia que tenia de loq eu habia echo y parti por cambiar colores y poner otro banner

Y me surgio el siguiente problema:

[contenido no disponible]

Este es el codigo de la plantilla

<!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">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt"          type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt"   type="text/javascript"></script>

</head>
<body onload="init();">

<div id="global">
  <div id="curva-superior"></div>
  <div id="cabecera">
    <div id="logotipo">[url="index.html"][img]objetos/logotipo.gif[/img][/url]</div>
    
 
  <div id="navegacion">
    <ul>
      [*][url="#"]Sección 1[/url]
      [*][url="#"]Sección 2[/url]
      [*][url="#"]Sección 3[/url]
    [/list]
  </div>
  <div id="contenido">
       <div id="menu">
         <h1>Contenido</h1>
<ul>[*][url="#"]Inicio[/url][*][url="#"]Descargas[/url][*]
[url="#"]Contactenos[/url][*][url="#"][/url][url="#"]Foros[/url][/list]
       </div>
<h1>Esta será la zona principal de la web</h1>


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>


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.</p>


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">
	<div id="pieuno"><ul>
    [*][url="#"]Foro Ejemplo[/url][*][url="#"]Contactos[/url][*][url="#"]Nos Enlazan[/url][/list]
		</div>
  <div id="piedos">pie dos</div>
  <div id="pietres"><ul>
    [*][url="#"]Directorio[/url][*][url="#"]TopSite[/url][*][url="#"]Mapa de la Web[/url][/list]
	</div>
	</div>
 
 
  <div id="curva-inferior"></div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>

este es de el estilo genral

* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:orange ; font-weight: bold ; text-decoration: underline ;
    text-align: center}
h2 {font.size: 1.1em; color:orange ; 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   {border-left: black 1px solid ; 
             border-right: black 1px solid ; height:85px}
#logotipo   {width:780px ; padding-bottom: 5px;  }
#navegacion {background-color: #F2F2F2 ; 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: #000070 ; border-left: black 1px solid ; 
             border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px; color: #FFFFFF}
#menu       {background-color:  ; width: 150px ; float:left ; 
             text-align:left ; margin: 3px 10px 3px 3px ;
             background-image: url(objetos/menu-parte-inferior.gif);
			 background-position: bottom ;
             padding-bottom:5px }
#menu li    {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
          background-image: url(objetos/menu-curva-superior.gif);color: black }
#pie { background-color: white ; 
       border-left: black 1px solid ; 
       border-right: black 1px solid; 
       border-top: black 1px solid;
			 height: 65px }
#pie li  {list-style: none; font-size: 12px }
#pieuno  {float:left; width: 150px;  }
#piedos  {float:left; width: 498px }
#pietres {float:left; width: 150px; } 

#curva-inferior { background-image: url(objetos/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  {}

a.enlaceuno         {}
a.enlaceuno:link    {}
a.enlaceuno:visited {}
a.enlaceuno:hover   {}
a.enlaceuno:active  {}

#pie a         {color: blue; text-decoration:none ; display: block }
#pie a:link    {}
#pie a:visited {}
#pie a:hover   {color:black ; text-decoration:underline ; background-color: yellow }
#pie a:active  {color:black}

#logotipo a         {}
#logotipo a:link    {}
#logotipo a:visited {}
#logotipo a:hover   {background-color: white }
#logotipo a:active  {}

Por ahora no voy a revisar en profundidad sus códigos (es que tengo que salir), pero así rápidamente he visto que usted la imagen la tiene puesta dentro de la capa logotipo, y esa capa logotipo está dentro de la capa cabecera
En la hoja de estilo-greneral, usted a la capa cabecera le tiene puesto un alto de 85px por lo tanto la capa logotipo que está dentro de la capa cabecera también mide 85px de alto.

Pero usted ha puesto edentro de la capa logotipo una imagen que mide 150px de alto. Como que creo que no coinciden las medidas.
O rebaja la imagen a la altura que tiene la capa cabecera, o a la capa cabecera le dice que tenga de altura por lo menos 152px más o menos

Luego donde tiene puesto #contenido p{etc. etc. etc.}
Usted le tiene puesto la palabra margin,le sugiero cambiarla por la palabra padding

Y en la capa #contenido{background-color etc. etc. etc.}
le sugiero que le agregue un width:auto
Bueno me voy:
Saludos