Sobre el primer problema, te diría que pruebes con un height: auto para el div contenedor. O, la solucion menos elegante, que pongas un div con un clear: both al final de la lista, para que te estire el contenedor.

Con respecto al segundo problema estoy seguro que hay mucha gente dispuesta a ayudarte que sabe una solucion.

Martin.

maira wrote:

Hola lista.

Hace unos dias que no puedo resolver esto y ya estoy empezando a enloquecer.
Abajo encontrarán el código.
Es una imagen con float: left y un texto y lista que quedan a la derecha de la misma. El primer problema es que el div contenedor queda mas chico que el alto de la imagen, es decir, que su altura es la del texto. En explorer anda bien, pero en firefox no, entonces intenté solucionarlo con min-height y con overflow: hidden. Hay alguna solución un poco mas linda?

El segundo problema es que no logro posicionar la lista totalmente hacia abajo y a la izquierda del div principal..... y eso que ya he probado de todo.

Cualquier ayuda será realmente agradecida.
Mai.

/************** codigo *******************************************************************************************************/

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="es">
<title>...</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">

div.propiedad { overflow: hidden; height: 100%; margin: 0 0 10px 0; padding: 5px; background: #FFFCF4; border: 1px dotted #E3D190; } div.propiedad img { float: left; clear: left; margin: 0 10px 0 0; padding: 5px; border: 1px solid #E3D190; } .icons { position: relative; margin:0 0 0 220px; padding:0; border:1px solid green; } .icons ul { position: relative; bottom: 0px; right: 0px; text-align: right; margin: 10px 0 0 0; padding: 0; list-style: none; border:1px solid blue;} .icons ul li { float: left; margin: 2px 0 0 15px; padding: 0; background-repeat: no-repeat; list-style: none; background-position: 0 50%; border:1px solid red;} .icons ul li a { margin: 0; padding: 0 0 0 20px; /* width of icon + whitespace */ color: #AB7335; text-decoration: none; font-weight: normal; } .icons ul li a:hover { margin: 0; padding: 0 0 0 20px; /* width of icon + whitespace */ color: #5B3E1C; text-decoration: none; font-weight: normal; } .pcamara { background: url(../images/iconcamara.gif) no-repeat top left; } .pcontact { background: url(../images/iconcontact.gif) no-repeat top left; }

   </style>
</head>
<body>
   <div class="propiedad">
<img src="images/propiedades/alquileres/0000_1.jpg" alt="Oficina Paladino Propiedades" width="200" height="150" />
       <h3>MAGNIFICA QUINTA</h3>
<p>En barrio privado con seguridad y a metros del lago san roque descanse en esta magnifica quinta de 3 dormitorios, gran piscina y un parque excepcional. Salida al lago.</p>
       <p>$170 por día. consulte descuestos para diciembre y febrero.</p>
           <div class="icons">
               <ul>
                   <li>REF: 0001</li>
<li class="pcamara"><a href="sitio.html">ver fotos</a></li> <li class="pcontact"><a href="asdfias.html">consultar</a></li>
               </ul>
           </div>
   </div>
</body>
</html>
_______________________________________________
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


--
Martin Szyszlican
www.y.net.ar







___________________________________________________________
1GB gratis, Antivirus y Antispam
Correo Yahoo!, el mejor correo web del mundo
http://correo.yahoo.com.ar

_______________________________________________
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

Responder a