http://artofillusion.com.ar/MeshRepo...bum/Characters
La diferencia con IE es que no veo los iconos abajo de las miniaturas.
Esto sería el CSS relacionado:
Cita:
Y el html* {
padding:0;
margin:0;
}
a { outline-style: none;text-decoration:none; color:#777 }
img {border:0}
span.thumbTop {
position:relative;
float:left;
height:10px;
width:100px;
}
div.file {
position:relative;
float:left;
margin:3px 9px 7px 3px;
width:100px;
text-align:center;
height:auto;
background: #fff;
}
/* miniatura img */
.thumb { width: 90px; height: 90px;}
/* piecitos */
.accion{
color:#444;
font-size:small;
height:30px;
width: auto;
line-height: 1em ;
padding-top:7px;
background: #fff;
position: relative;
display:block;
}
.erase{padding-right: 3px; float: right; display: inline}
.erase img{ margin-top: 3px}
.download{padding-right: 7px; float: right; display: inline}
.download img{ margin-top: 7px}
padding:0;
margin:0;
}
a { outline-style: none;text-decoration:none; color:#777 }
img {border:0}
span.thumbTop {
position:relative;
float:left;
height:10px;
width:100px;
}
div.file {
position:relative;
float:left;
margin:3px 9px 7px 3px;
width:100px;
text-align:center;
height:auto;
background: #fff;
}
/* miniatura img */
.thumb { width: 90px; height: 90px;}
/* piecitos */
.accion{
color:#444;
font-size:small;
height:30px;
width: auto;
line-height: 1em ;
padding-top:7px;
background: #fff;
position: relative;
display:block;
}
.erase{padding-right: 3px; float: right; display: inline}
.erase img{ margin-top: 3px}
.download{padding-right: 7px; float: right; display: inline}
.download img{ margin-top: 7px}
Cita:
Que puede estar pasando?<div class="file">
<span class="thumbTop"></span>
<a href="album/Characters/MoreFrogs_by_mayid.jpg" class="fancybox" alt="" title="<span style='color:#999'>4/03/10 </span> : <a href='album/Characters/MoreFrogs_by_mayid.aoi' style='color:white'> MoreFrogs_by_mayid.aoi : </a> <b style='color:#999'>0.06 Mb </b>">
<img src="album/Characters/_thumb_MoreFrogs_by_mayid.jpg" class="thumb" alt="img" /></a>
<span class="accion">
<a class="download" href="album/Characters/MoreFrogs_by_mayid.aoi" "><img src="libreria/imagenes/flecha.png" alt="download" title="download"/></a>
</span>
</div>
<span class="thumbTop"></span>
<a href="album/Characters/MoreFrogs_by_mayid.jpg" class="fancybox" alt="" title="<span style='color:#999'>4/03/10 </span> : <a href='album/Characters/MoreFrogs_by_mayid.aoi' style='color:white'> MoreFrogs_by_mayid.aoi : </a> <b style='color:#999'>0.06 Mb </b>">
<img src="album/Characters/_thumb_MoreFrogs_by_mayid.jpg" class="thumb" alt="img" /></a>
<span class="accion">
<a class="download" href="album/Characters/MoreFrogs_by_mayid.aoi" "><img src="libreria/imagenes/flecha.png" alt="download" title="download"/></a>
</span>
</div>
Tambien pasa que las carpetas tienen diferentes tamaños en IE. Y eso queda feo: todas deberían tener la misma altura.
editado: Me sobraba una comilla!