Re: [Ovillo] imagen dentro de div + alinear bottom y right

[maira]

A mi tambien en el codigo que pegué, pero no cuando se encontraba dentro 
del sitio con todos los otros css.

Ahi parece que algo hacía que no anduviera.

mmundo wrote:


El 10/11/05, maira<[EMAIL PROTECTED]> escribió:
 


Gracias Martin y Martí por su ayuda, sin embargo, probé todas esas
formas, y ninguna me daba un buen resultado.
   



Hice la prueba en el código que tu adjuntaste y las dos técnicas funcionaron :/
___
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

 



___
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

Re: [Ovillo] imagen dentro de div + alinear bottom y right

[mmundo]

El 10/11/05, maira<[EMAIL PROTECTED]> escribió:
> Gracias Martin y Martí por su ayuda, sin embargo, probé todas esas
> formas, y ninguna me daba un buen resultado.

Hice la prueba en el código que tu adjuntaste y las dos técnicas funcionaron :/
___
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

Re: [Ovillo] imagen dentro de div + alinear bottom y right [SOLUCIONADO]

[maira]

Lo pego aquí por si a alguien le sirve... parece que algo me iluminó y 
encontré una solución, no se si será la mejor, pero al menos funciona.
En el código de abajo se ven los cambios que basicamente fueron generar 
un div que contenga al texto mas la lista y aplicarle el 100% de altura 
para que funcione tanto en Explorer como Firefox, con el código height: 
auto; min-height: 150px; _height: 160px;. Y se le agregó un position: 
relative.
Luego, se eliminó el div que contenía a la lista, y la clase icons se 
aplicó directamente sobre el ul, al que le puse una position: absolute; 
bottom: 0px; right: 0px;


Gracias por sus colaboraciones.
Maira.

/ * codigo 
/


http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd";>
http://www.w3.org/1999/xhtml"; xml:lang="es">
...

Re: [Ovillo] imagen dentro de div + alinear bottom y right

[maira]

Gracias Martin y Martí por su ayuda, sin embargo, probé todas esas 
formas, y ninguna me daba un buen resultado.
Justo leyendo otro de los post de Re: [Ovillo] Por qué usar hacks?! ví 
una solución que funciona de Iban Rodriguez, y puse esto:


div.propiedad { height: auto; min-height: 163px; _height: 100%; margin: 
0 0 10px 0; padding: 5px; background: #FFFCF4; border: 1px dotted #E3D190; }


y funcionó perfecto tanto en ie como en ff. Esta bien ponerlo asi?
Pero aún sigo con el segundo problema y no hay vuelta para encontrarle 
la solución.

Gracias nuevamente
Mai.

mmundo wrote:


El 10/11/05, maira<[EMAIL PROTECTED]> escribió:
 


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?

   



Hola Maira,

Sobre el primer problema tienes un ejemplo casi idéntico en la propia
especificación CSS2.1
[http://www.w3.org/TR/CSS21/visuren.html#floats].

Si al párrafo le asignas la propiedad "clear: left" obligas a
"empujarlo" hacia la siguiente línea. Este comportamiento está
descrito en la propia especificación y es debido a que se "mezclan"
elementos que se posicionan según el flujo normal (los párrafos) y
elementos que se posicionan según el flujo "flotante" (la imágen).

Si no quieres poner un clear al párrafo, con el siguiente hack obligas
a Mozilla recalcular el tamaño del párrafo incluyendo la altura de la
imágen:

p:after {
   content: "."; display: block; height: 0; clear: both;
visibility: hidden;
}


Un saludo,
Martí Mundó.
--
___
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

 



___
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

Re: [Ovillo] imagen dentro de div + alinear bottom y right

[mmundo]

El 10/11/05, maira<[EMAIL PROTECTED]> escribió:
> 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?
>

Hola Maira,

Sobre el primer problema tienes un ejemplo casi idéntico en la propia
especificación CSS2.1
[http://www.w3.org/TR/CSS21/visuren.html#floats].

Si al párrafo le asignas la propiedad "clear: left" obligas a
"empujarlo" hacia la siguiente línea. Este comportamiento está
descrito en la propia especificación y es debido a que se "mezclan"
elementos que se posicionan según el flujo normal (los párrafos) y
elementos que se posicionan según el flujo "flotante" (la imágen).

Si no quieres poner un clear al párrafo, con el siguiente hack obligas
a Mozilla recalcular el tamaño del párrafo incluyendo la altura de la
imágen:

p:after {
content: "."; display: block; height: 0; clear: both;
visibility: hidden;
}


Un saludo,
Martí Mundó.
--
___
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

Re: [Ovillo] imagen dentro de div + alinear bottom y right

[Martin Szyszlican]

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 
***/ 



http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd";>
http://www.w3.org/1999/xhtml"; xml:lang="es">
...