Hola a todos

Tengo un problema (como no) con un pequeño código html. Quiero hacer que
una imagen dentro de una se solape por los dos lados laterales, sin
modificar el tamaño de la caja padre. Para ello especifico el tamaño del
elemento div que contiene la imagen, e inserto dentro una imagen mayor
que su contenedor, moviendola (con position:relative y left:-120px) un
poco hacia la izquierda. En firefox sale perfecto, pero con Internet
Explorer la imagen modifica el tamaño de su caja padre.

El código, a lo burro sería:

<div style="position:relative;left:125px;width:250px;bo rder:1px solid
green;">
<p>algún texto</p>
<img style="position:relative;left:-120px;" src="imagen.png">
<p>algún texto más</p>
</div>

He probado a ponerle un overflow:visible al div contenedor, pero no
cambia absolutamente nada.

Como ven, hay texto que quiero que no se tape con la imagen, por lo que
supongo que no me valdría colocarla a lo burro y tapar el texto.

Pueden ver un ejemplo de lo que pretendo aquí:

http://tepasmas.com/pruebas/

Prueben (si pueden) a verla con FF e IE, para que vean la diferencia. En
cualquier caso he añadido a la página de prueba una imagen con cómo
quiero que se vea.

Gracias por adelantado y reciban un saludo
Appleboy
http://tepasmas.com

El Mon, 17 Oct 2005 16:15:08 +0200, Appleboy <notengo***notengo.com>
escribió:
>El código, a lo burro sería:
> <div style="position:relative;left:125px;width:250px;bo rder:1px solid
>green;">
> <p>algún texto</p>
> <img style="position:relative;left:-120px;" src="imagen.png">
> <p>algún texto más</p>
> </div>
>He probado a ponerle un overflow:visible al div contenedor, pero no
>cambia absolutamente nada.

Al reves... overflow: hidden para que oculte aquello que sobra.

Prueba a ver si es lo que buscas.

--
Óscar Javier García Baudet
LinaresDigital
http://redstar.linaresdigital.com/

El Mon, 17 Oct 2005 16:15:08 +0200, Appleboy <notengo***notengo.com>
escribió:
>El código, a lo burro sería:
> <div style="position:relative;left:125px;width:250px;bo rder:1px solid
>green;">
> <p>algún texto</p>
> <img style="position:relative;left:-120px;" src="imagen.png">
> <p>algún texto más</p>
> </div>
>He probado a ponerle un overflow:visible al div contenedor, pero no
>cambia absolutamente nada.

Al reves... overflow: hidden para que oculte aquello que sobra.

Prueba a ver si es lo que buscas.

--
Óscar Javier García Baudet
LinaresDigital
http://redstar.linaresdigital.com/

El Mon, 17 Oct 2005 16:15:08 +0200, Appleboy <notengo***notengo.com>
escribió:
>El código, a lo burro sería:
> <div style="position:relative;left:125px;width:250px;bo rder:1px solid
>green;">
> <p>algún texto</p>
> <img style="position:relative;left:-120px;" src="imagen.png">
> <p>algún texto más</p>
> </div>
>He probado a ponerle un overflow:visible al div contenedor, pero no
>cambia absolutamente nada.

Al reves... overflow: hidden para que oculte aquello que sobra.

Prueba a ver si es lo que buscas.

--
Óscar Javier García Baudet
LinaresDigital
http://redstar.linaresdigital.com/

El Mon, 17 Oct 2005 16:15:08 +0200, Appleboy <notengo***notengo.com>
escribió:
>El código, a lo burro sería:
> <div style="position:relative;left:125px;width:250px;bo rder:1px solid
>green;">
> <p>algún texto</p>
> <img style="position:relative;left:-120px;" src="imagen.png">
> <p>algún texto más</p>
> </div>
>He probado a ponerle un overflow:visible al div contenedor, pero no
>cambia absolutamente nada.

Al reves... overflow: hidden para que oculte aquello que sobra.

Prueba a ver si es lo que buscas.

--
Óscar Javier García Baudet
LinaresDigital
http://redstar.linaresdigital.com/

El Mon, 17 Oct 2005 16:15:08 +0200, Appleboy <notengo***notengo.com>
escribió:
>El código, a lo burro sería:
> <div style="position:relative;left:125px;width:250px;bo rder:1px solid
>green;">
> <p>algún texto</p>
> <img style="position:relative;left:-120px;" src="imagen.png">
> <p>algún texto más</p>
> </div>
>He probado a ponerle un overflow:visible al div contenedor, pero no
>cambia absolutamente nada.

Al reves... overflow: hidden para que oculte aquello que sobra.

Prueba a ver si es lo que buscas.

--
Óscar Javier García Baudet
LinaresDigital
http://redstar.linaresdigital.com/

El Mon, 17 Oct 2005 16:15:08 +0200, Appleboy <notengo***notengo.com>
escribió:
>El código, a lo burro sería:
> <div style="position:relative;left:125px;width:250px;bo rder:1px solid
>green;">
> <p>algún texto</p>
> <img style="position:relative;left:-120px;" src="imagen.png">
> <p>algún texto más</p>
> </div>
>He probado a ponerle un overflow:visible al div contenedor, pero no
>cambia absolutamente nada.

Al reves... overflow: hidden para que oculte aquello que sobra.

Prueba a ver si es lo que buscas.

--
Óscar Javier García Baudet
LinaresDigital
http://redstar.linaresdigital.com/

El Mon, 17 Oct 2005 16:15:08 +0200, Appleboy <notengo***notengo.com>
escribió:
>El código, a lo burro sería:
> <div style="position:relative;left:125px;width:250px;bo rder:1px solid
>green;">
> <p>algún texto</p>
> <img style="position:relative;left:-120px;" src="imagen.png">
> <p>algún texto más</p>
> </div>
>He probado a ponerle un overflow:visible al div contenedor, pero no
>cambia absolutamente nada.

Al reves... overflow: hidden para que oculte aquello que sobra.

Prueba a ver si es lo que buscas.

--
Óscar Javier García Baudet
LinaresDigital
http://redstar.linaresdigital.com/

Oscar Garcia wrote:
> El Mon, 17 Oct 2005 16:15:08 +0200, Appleboy <notengo***notengo.com>
> escribió:
>
>>El código, a lo burro sería:
>> <div style="position:relative;left:125px;width:250px;bo rder:1px solid
>>green;">
>> <p>algún texto</p>
>> <img style="position:relative;left:-120px;" src="imagen.png">
>> <p>algún texto más</p>
>> </div>
>>He probado a ponerle un overflow:visible al div contenedor, pero no
>>cambia absolutamente nada.
>
>
> Al reves... overflow: hidden para que oculte aquello que sobra.
>
> Prueba a ver si es lo que buscas.
>

No, no quiero ocultar lo que sobra. Quiero que me lo muestre pero que no
modifique la caja padre. Aquí hay un ejemplo de lo que quiero:

http://tepasmas.com/pruebas/

Gracias

Oscar Garcia wrote:
> El Mon, 17 Oct 2005 16:15:08 +0200, Appleboy <notengo***notengo.com>
> escribió:
>
>>El código, a lo burro sería:
>> <div style="position:relative;left:125px;width:250px;bo rder:1px solid
>>green;">
>> <p>algún texto</p>
>> <img style="position:relative;left:-120px;" src="imagen.png">
>> <p>algún texto más</p>
>> </div>
>>He probado a ponerle un overflow:visible al div contenedor, pero no
>>cambia absolutamente nada.
>
>
> Al reves... overflow: hidden para que oculte aquello que sobra.
>
> Prueba a ver si es lo que buscas.
>

No, no quiero ocultar lo que sobra. Quiero que me lo muestre pero que no
modifique la caja padre. Aquí hay un ejemplo de lo que quiero:

http://tepasmas.com/pruebas/

Gracias