Hola tengo un problema con una galería de imágenes que he hecho con listas, en Ie6 e Ie7 se ve perfecto pero en Firefox se ve malísimo, las fotos quedan fuera del contenido de la página, la url es: www(punto)hockeyvictoria(punto)com(punto)ar/fotos.htm.
Acá les dejo el CSS y HTML a ver si me pueden ayudar:
CSS:
/*Contenido*/
#contenido{ background:#FFFFFF url(img3.gif) repeat-y;
width:800px;
height:auto;
margin-right:0px;
padding-top:20px;
/margin-top:0px;
/padding-top:0px;
}
/*Galeria con listas*/
#contenido ul{
width:auto;
height:auto;}
#contenido li {
/display:inline;
float:none;
/float:left;
width:300px;
background-color:#f5f7f9;
/padding:2px;
/margin:15px;
text-align: center;
border-right: #808080 solid 1px;
border-bottom: #808080 solid 1px;
}
#menugal{
background:#FFFFFF url(img3.gif) repeat-y;
width:800px;
/padding-top:15px;
color:#AA0000;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
}
#menugal a{
text-decoration:none;
color:#AA0000;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#menugal a:hover{
text-decoration:underline;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#AA0000;
}
Este es el HTML:
<div id="contenido">
<div id="menugal"><a href="Fotos.htm">Galería 1</a> | <a href="Fotos2.htm">Galería 2</a> | <a href="Fotos3.htm">Galería 3</a> | <a href="Fotos4.htm">Galería 4</a> | <a href="Fotos5.htm">Galería 5</a></div>
<ul>
<li><a href="gal1/1.JPG"><img src="gal1/1_resize.JPG" border="0" alt="Imagen1"/><br /><span>Imagen1</span></a></li>
<li><a href="gal1/2.JPG"><img src="gal1/2_resize.JPG" border="0" alt="Imagen2"/><br /><span>Imagen2</span></a></li>
<li><a href="gal1/3.JPG"><img src="gal1/3_resize.JPG" border="0" alt="Imagen3"/><br /><span>Imagen3</span></a></li>
<li><a href="gal1/4.JPG"><img src="gal1/4_resize.JPG" border="0" alt="Imagen4"/><br /><span>Imagen4</span></a></li>
<li><a href="gal1/5.JPG"><img src="gal1/5_resize.JPG" border="0" alt="Imagen5"/><br /><span>Imagen5</span></a></li>
<li><a href="gal1/6.JPG"><img src="gal1/6_resize.JPG" border="0" alt="Imagen6"/><br /><span>Imagen6</span></a></li>
<li><a href="gal1/7.JPG"><img src="gal1/7_resize.JPG" border="0" alt="Imagen7"/><br /><span>Imagen7</span></a></li>
<li><a href="gal1/8.JPG"><img src="gal1/8_resize.JPG" border="0" alt="Imagen8"/><br /><span>Imagen8</span></a></li>
</ul>
<div id="menugal"><a href="Fotos.htm">Galería 1</a> | <a href="Fotos2.htm">Galería 2</a> | <a href="Fotos3.htm">Galería 3</a> | <a href="Fotos4.htm">Galería 4</a> | <a href="Fotos5.htm">Galería 5</a></div>
</div>
Espero que me puedan ayudar, muchas gracias.
Saludos.-