Hay dos páginas de mi web, que contienen un album de fotos, las cuales dicho album no se ve en mozilla firefox, y si en internet explorer...
Nosé cual es el problema, pero os dejo por aqui una de las páginas, puesto que son casi iguales.
http://lascoloniascd.sportsontheweb.net/galeria/2008.html
http://lascoloniascd.sportsontheweb.net/galeria/2009.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Temporada 2008/2009</title>
<link rel="stylesheet" href="../estilo-general.css" type="text/css" media="all">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<META content="Página web del equipo onubense Las Colonias C.D. En ella encontrarás mucha información sobre este club de huelva." name="description">
<META content="las colonias, las colonias c.d., preferente, huelva, juvenil, amateur, senior, onubense, competiciones, plantilla, foro" name="keywords">
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-17952058-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">[contenido no disponible]</div>
</div>
<div id="navegacion">
<ul>Inicio Noticias Cuerpo Técnico Galería Foro Contacto</il>
</div>
<div id="contenido">
<h1>Temporada 08/09</h1>
<iframe src="http://lascoloniascd.sportsontheweb.net/galeria/2008-09/flashThum/a…" width="750" height="550" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe>
</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>
Foro Contacto Nos Enlazan
</div>
<div id="piedos">Publicidad</div>
<div id="pietres">
<ul>
Directorio Topsite Mapa de la web
</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
* {text-indent: 0px ; margin:0px ; padding:0px ; border: 0px }
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}
body {text-align: center ; background-color: #E6E6FA}
.entra {text-align: center}
.centrado {margin-left: 175px}
.derecha {margin-right: 180px}
#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:500px ; float:left ; margin: 10px 0px 10px 10px }
#publicidad {width:260px ; float:right ; margin: 10px 18px 10px 10px}
#navegacion {background-color: dodgerblue ; border: black 1px solid ; height:20px }
#navegacion li {float:left ; list-style:none ; margin: 0px 25px 0px 25px }
#navegacion ul {margin-left: 115px }
#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 ; background-image: url(objetos/menu-parte-inferior.gif)}
#menu li {color: blue ; list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ; background-image: url(objetos/menu-parte-superior.gif)}
#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 {background-color:white ; float: left ; width:150px ; border-right: black 1px solid }
#piedos {background-color:white ; float: left ; width:496px }
#pietres {background-color:white ; float: left ; width:150px ; border-left: 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 {}
#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: silver }
#pie a:active {color:black}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
Gracias y un saludo !
Nosé cual es el problema, pero os dejo por aqui una de las páginas, puesto que son casi iguales.
http://lascoloniascd.sportsontheweb.net/galeria/2008.html
http://lascoloniascd.sportsontheweb.net/galeria/2009.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Temporada 2008/2009</title>
<link rel="stylesheet" href="../estilo-general.css" type="text/css" media="all">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<META content="Página web del equipo onubense Las Colonias C.D. En ella encontrarás mucha información sobre este club de huelva." name="description">
<META content="las colonias, las colonias c.d., preferente, huelva, juvenil, amateur, senior, onubense, competiciones, plantilla, foro" name="keywords">
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-17952058-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">[contenido no disponible]</div>
</div>
<div id="navegacion">
<ul>
</div>
<div id="contenido">
<h1>Temporada 08/09</h1>
<iframe src="http://lascoloniascd.sportsontheweb.net/galeria/2008-09/flashThum/a…" width="750" height="550" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe>
</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>
</div>
<div id="piedos">Publicidad</div>
<div id="pietres">
<ul>
</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
* {text-indent: 0px ; margin:0px ; padding:0px ; border: 0px }
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}
body {text-align: center ; background-color: #E6E6FA}
.entra {text-align: center}
.centrado {margin-left: 175px}
.derecha {margin-right: 180px}
#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:500px ; float:left ; margin: 10px 0px 10px 10px }
#publicidad {width:260px ; float:right ; margin: 10px 18px 10px 10px}
#navegacion {background-color: dodgerblue ; border: black 1px solid ; height:20px }
#navegacion li {float:left ; list-style:none ; margin: 0px 25px 0px 25px }
#navegacion ul {margin-left: 115px }
#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 ; background-image: url(objetos/menu-parte-inferior.gif)}
#menu li {color: blue ; list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ; background-image: url(objetos/menu-parte-superior.gif)}
#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 {background-color:white ; float: left ; width:150px ; border-right: black 1px solid }
#piedos {background-color:white ; float: left ; width:496px }
#pietres {background-color:white ; float: left ; width:150px ; border-left: 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 {}
#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: silver }
#pie a:active {color:black}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
Gracias y un saludo !