Buenas tardes.
El logo de mi página web en Internet Explorer no se ve alineado a la izquierda queda un pequeño espacio, lo cual no sucede con los demas exploradores, ya he intentado varias cosas para solucionarlo pero no he podido, agradeceria enormemente si alguien me pudiera colaborar con este pequeño problema. A continuación dejo el código HTML y CSS. Dios los bendiga.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Esta es mi tierra</title>
<link rel="stylesheet" href="estilo.css" type="text/css" media="all">
</head>
<body>
<div id= "global">
<div id="cabecera">
<div id="logo"><div align="left"><a href="index.html"><img src="objetos/logo.gif"width="316" height="144" align="left"alt="Haz clic aquí para volver a la página de inicio"></a></div>
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
<li><a href="#">Sección 1</a></li>
<li><a href="#">Sección 2</a></li>
<li><a href="#">Sección 3</a></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>
<li><a href="#">Enlace 4</a></li>
</ul>
</div>
<h1>Esta es mi tierra</h1>
<p>Esta es una web dedicada al conocimiento de un país privilegiado y bendecido por Dios como lo es Colombia, lo invito mi amable visitante a que recorra y conozca de manera general los acontecimientos que han marcado su historia, ademas de aspectos físicos, geográficos y económicos del territorio nacional. Tambien encontrará datos culturales noticias recientes y datos de interes general, mi deseo es que su visita se convierta agradable y contribuya al <
<h>Y este es el tercer párrafo.</h1>
<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.</p>
<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 id="pie">Este es el pié de página</div>
</div>
</div>
</body>
</html>
Estilo css
/* Esto es mi hoja de estilo */
*{margin:0px; padding:0px; border:0px;}
p { margin:7px 8px 7px 8px;text-align:justify}
h1{color:black; font-weight:bold;text-align:center;}
#global {width:985px; margin:4px auto;}
#cabecera {background-color:#0076C0;border-left:#bbbbbb 1px solid;border-right:#bbbbbb 1px solid;border-top:#bbbbbb 1px solid;height:144px;}
#logo{width:305px;float:left;height:142px;}
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#navegacion {border:#bbbbbb 1px solid;background-color:#0387d9;height:20px;}
#navegacion li {float:left;list-style:none;margin:0px 20px 0px 20px;}
#navegacion ul { margin-left: 230px }
#contenido {background-color:#f8f8ff;border-left:#bbbbbb 1px solid; border-right:#bbbbbb 1px solid;}
#contenido p {padding:10px 5px 0px 10px;text-indent:15px;}
#menu {background-color:white; width:150px; float:left;text-align:left;margin:10px 10px 0px 10px;background-image: url(objetos/menu-parte-inferior.gif);background-position:bottom;padding-bottom:5px;}
#menu li {list-style:none;margin:4px 0px 4px 4px;}
#menu h1 {text-decoration:none; font-size:12px;background-image: url(objetos/menu-parte-superior.gif);}
#pie {background-color:#0076C0;border: #bbbbbb 1px solid}
body {background-color:#ebf3f7;text-align:center;font-family:DroidSansRegular,Trebuchet MS, Calibri;font-size:14px;text-indent:20px;}
a {color:brown; text-decoration:none; display:block;}
a:link {font-weight:bold; color:blue; text-decoration:none}
a:visited {font-weight:bold; color:blue; text-decoration:none}
a:hover {font-weight:bold; color:red;background-color:#eaeff2;}
a:active {font-weight:bold;color:yellow}
/* Fin de mi hoja de estilo */
El logo de mi página web en Internet Explorer no se ve alineado a la izquierda queda un pequeño espacio, lo cual no sucede con los demas exploradores, ya he intentado varias cosas para solucionarlo pero no he podido, agradeceria enormemente si alguien me pudiera colaborar con este pequeño problema. A continuación dejo el código HTML y CSS. Dios los bendiga.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Esta es mi tierra</title>
<link rel="stylesheet" href="estilo.css" type="text/css" media="all">
</head>
<body>
<div id= "global">
<div id="cabecera">
<div id="logo"><div align="left"><a href="index.html"><img src="objetos/logo.gif"width="316" height="144" align="left"alt="Haz clic aquí para volver a la página de inicio"></a></div>
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
<li><a href="#">Sección 1</a></li>
<li><a href="#">Sección 2</a></li>
<li><a href="#">Sección 3</a></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>
<li><a href="#">Enlace 4</a></li>
</ul>
</div>
<h1>Esta es mi tierra</h1>
<p>Esta es una web dedicada al conocimiento de un país privilegiado y bendecido por Dios como lo es Colombia, lo invito mi amable visitante a que recorra y conozca de manera general los acontecimientos que han marcado su historia, ademas de aspectos físicos, geográficos y económicos del territorio nacional. Tambien encontrará datos culturales noticias recientes y datos de interes general, mi deseo es que su visita se convierta agradable y contribuya al <
<h>Y este es el tercer párrafo.</h1>
<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.</p>
<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 id="pie">Este es el pié de página</div>
</div>
</div>
</body>
</html>
Estilo css
/* Esto es mi hoja de estilo */
*{margin:0px; padding:0px; border:0px;}
p { margin:7px 8px 7px 8px;text-align:justify}
h1{color:black; font-weight:bold;text-align:center;}
#global {width:985px; margin:4px auto;}
#cabecera {background-color:#0076C0;border-left:#bbbbbb 1px solid;border-right:#bbbbbb 1px solid;border-top:#bbbbbb 1px solid;height:144px;}
#logo{width:305px;float:left;height:142px;}
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#navegacion {border:#bbbbbb 1px solid;background-color:#0387d9;height:20px;}
#navegacion li {float:left;list-style:none;margin:0px 20px 0px 20px;}
#navegacion ul { margin-left: 230px }
#contenido {background-color:#f8f8ff;border-left:#bbbbbb 1px solid; border-right:#bbbbbb 1px solid;}
#contenido p {padding:10px 5px 0px 10px;text-indent:15px;}
#menu {background-color:white; width:150px; float:left;text-align:left;margin:10px 10px 0px 10px;background-image: url(objetos/menu-parte-inferior.gif);background-position:bottom;padding-bottom:5px;}
#menu li {list-style:none;margin:4px 0px 4px 4px;}
#menu h1 {text-decoration:none; font-size:12px;background-image: url(objetos/menu-parte-superior.gif);}
#pie {background-color:#0076C0;border: #bbbbbb 1px solid}
body {background-color:#ebf3f7;text-align:center;font-family:DroidSansRegular,Trebuchet MS, Calibri;font-size:14px;text-indent:20px;}
a {color:brown; text-decoration:none; display:block;}
a:link {font-weight:bold; color:blue; text-decoration:none}
a:visited {font-weight:bold; color:blue; text-decoration:none}
a:hover {font-weight:bold; color:red;background-color:#eaeff2;}
a:active {font-weight:bold;color:yellow}
/* Fin de mi hoja de estilo */