Saludos lista,
Me estoy peleando con un comportamiento en firefox que no acabo de
entender bien. Esquematizado, el codigo es este:
<body>
<div id="container">
<div id="content">
<div id="edit">
<div id="libro">
<img alt="libro" src="01.jpg"
width="520" height="784" /><a href=""><img alt=">>" src="next.gif"
width="15" height="155" class="scan" /></a>
</div><!-- libro -->
</div>
</div><!-- content -->
</div><!-- container -->
</body>
Libro es una imagen de una pagina de un libro y al lado tiene otra
imagen pequeña para pasar de pagina. En 1024x768 no tengo ningun
problema, pero en 800x600, el Firefox me muestra a veces un espacio
debajo de las imágenes, a veces el scroll en el div libro, a veces
correcto... Muy extraño. El css simplificado es este:
* { margin: 0; padding: 0; } /* zeroing both margin and
padding for all elements */
body {
color: #600; background: #FFF;
}
#container {
margin-left: 185px;
}
#content {
background: #EFEAE5;
}
#edit {
padding: 0 15px;
overflow: auto; /* clearing floats */
height: 100%;
color: #000;
}
#libro {
padding-top: 10px;
text-align: center;
}
.scan {
padding-bottom: 314px;
}
Porque me deja ese espacio debajo de las imágenes? No pregunto como
solucionarlo (que tambien, vale), sino entender porque se produce esto.
Y Firefox no siempre me da el mismo comportamiento. El overflow: auto
del edit lo necesito imperiosamente. Yo estaba convencido que era la
clase scan, pero si la quitamos, el espacio que deja (a veces) es menor.
Gracias por la ayuda,
xema
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
