Hola buenas, quería consultaros sobre un problemilla que me ha surgido, y es que la imagen que tengo puesta en publicidad, que es el escudo de mi equipo, se ve bien colocada en el Mozilla Firefox (está en la esquina superior derecha, en el espacio que deja el logotipo).
Sin embargo, cuando abro mi página en el Internet Explorer, me sale en el mismo lado, es decir, a la derecha, pero debajo, como si estuviera por debajo del logotipo pero a la derecha.
Esta es mi página:
http://lascoloniascd.sportsontheweb.net/plantilla.html
Aqui os dejo la plantilla y la hoja de estilos.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Las Colonias C.D.</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">[contenido no disponible][contenido no disponible]</div>
<div id="publicidad">[contenido no disponible]</div>
</div>
<div id="navegacion">
<ul>Noticias
Cuerpo Técnico
Equipos
Competiciones</il>
Comunicación/Em@il</il>
</div>
<div id="contenido">
<div id="menu"><ul> Triunfa.com FAF Fútbol Onubense
</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">Este es el pie de pagina</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
* {margin:0px ; padding:0px ; border: 0px }
body {text-align: center }
body {background-color: #E6E6FA }
#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 ; height: 280px}
#logotipo {width:200px ; float:left ; margin: 10px 0px 10px 20px }
#publicidad {width:300px ; float:right ; margin: 10px 0px 10px 10px}
#navegacion {background-color: dodgerblue ; border: black 1px solid ; height:20px }
#navegacion li {float:left ; list-style:none ; margin: 0px 10px 0px 10px }
#navegacion ul {margin-left: 135px }
#contenido {background-color: dodgerblue ; text-indent: 15px ; border-left: black 1px solid ; border-right: black 1px solid }
#contenido p {padding: 5px 10px 5px 10px }
#menu {background-color: white ; width: 150px ; float:left ; text-align:left ; margin: 3px 10px 3px 3px }
#menu li {color: blue ; 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 }
#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 {color: blue}
a:visited {color: blue}
a:hover {color:blue ; 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}
Muchas Gracias =)
Sin embargo, cuando abro mi página en el Internet Explorer, me sale en el mismo lado, es decir, a la derecha, pero debajo, como si estuviera por debajo del logotipo pero a la derecha.
Esta es mi página:
http://lascoloniascd.sportsontheweb.net/plantilla.html
Aqui os dejo la plantilla y la hoja de estilos.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Las Colonias C.D.</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">[contenido no disponible][contenido no disponible]</div>
<div id="publicidad">[contenido no disponible]</div>
</div>
<div id="navegacion">
<ul>
</div>
<div id="contenido">
<div id="menu"><ul>
</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">Este es el pie de pagina</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
* {margin:0px ; padding:0px ; border: 0px }
body {text-align: center }
body {background-color: #E6E6FA }
#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 ; height: 280px}
#logotipo {width:200px ; float:left ; margin: 10px 0px 10px 20px }
#publicidad {width:300px ; float:right ; margin: 10px 0px 10px 10px}
#navegacion {background-color: dodgerblue ; border: black 1px solid ; height:20px }
#navegacion li {float:left ; list-style:none ; margin: 0px 10px 0px 10px }
#navegacion ul {margin-left: 135px }
#contenido {background-color: dodgerblue ; text-indent: 15px ; border-left: black 1px solid ; border-right: black 1px solid }
#contenido p {padding: 5px 10px 5px 10px }
#menu {background-color: white ; width: 150px ; float:left ; text-align:left ; margin: 3px 10px 3px 3px }
#menu li {color: blue ; 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 }
#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 {color: blue}
a:visited {color: blue}
a:hover {color:blue ; 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}
Muchas Gracias =)