[Ovillo] problema =?iso-8859-1?q?alinaci=F3n_vertical?=

Tue, 23 Nov 2004 09:53:41 -0800 

Hola a todos
Me estreno en la lista con una petici�n de auxilio

Tengo un problema con una lista de fotos con titulo.
http://coleccion.martinezotero.com/prueba.htm

.fotos_mueble{
   float: left;
   border-top-color: #eeeeee;
   border-top-style: solid;
   border-top-width: 1px;
   padding: 16px;
   width: 366px;
}

.foto_item {
   width: 91px;
   float: left;
   text-align: center;
   height: 100px;
   position: relative;
   }

.thumb{
/*    position: relative; si es ns7*/
   position: absolute;
   bottom: 0px;
   left: 5px;
   }

<div class="fotos_mueble">
<div class="foto_item"> <a href="#" target="_blank" class="thumb"><img src="...." /><br /> estanter&iacute;a 1 </a></div>
<div class="foto_item"> <a href="#" target="_blank" class="thumb"><img src="...." /><br /> estanter&iacute;a 2 </a></div>
<div class="foto_item"> <a href="#" target="_blank" class="thumb"><img src="...." /><br /> estanter&iacute;a 3 </a></div>
<div class="foto_item"> <a href="#" target="_blank" class="thumb"><img src="...." /><br /> estanter&iacute;a 4 </a></div>
<div class="foto_item"> <a href="#" target="_blank" class="thumb"><img src="...." /><br /> estanter&iacute;a 5 </a></div>
<div class="foto_item"> <a href="#" target="_blank" class="thumb"><img src="...." /><br /> estanter&iacute;a 6 </a></div>
</div>

Lo que pretendo es alinear los elementos a bottom. Lo he intentado con vertical-align y con padding-bottom:0px y margin-bottom:0px y nada
asi que la solucion que he encontrado es hacer que la capa contenedora "foto_item" tenga position relative y la clase thumb tiene posicion absoluta
con bottom:0px.
Funciona bien en Firefox Win y IE6 win, tambi�n en Safari y Ie OsX
pero en el Ns 7.0 y el Ns 7.1, saca el elemento que tiene el posicionamiento absoluto fuera de la capa padre y los posiciona todos fuera, unos encima de otros.

Sab�is porqu� hace eso el Ns y si se puede evitar?

gracias y un saludo





_______________________________________________
Lista de distribuci�n Ovillo
Para escribir a la lista, envia un correo a [EMAIL PROTECTED]
Puedes modificar tus datos o desuscribirte en la siguiente direcci�n: 
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org

Responder a