2012-01-23 14 views
5

¿Hay alguna manera de hacer que un div no extienda su ancho, pero hacer una imagen que sea visible fuera del div en IE8? Por ejemplo, mi div puede ser de 200 px de ancho, pero la imagen de 250 px de ancho.Permitir que la imagen sea más ancha que conteniendo div

+0

¿Ha intentado utilizar max-width? No estoy seguro si el contenedor debe ser más pequeño que un elemento dentro de él, pero si es necesario, intente max-width y vea si ayuda. En consecuencia, para un ancho mínimo también puede usar ancho mínimo. –

+0

sí lo usé, pero sigue siendo el mismo ... – krish

+0

@SagarPatil: en todos los demás navegadores funciona bien, excepto IE – krish

Respuesta

5

¿Podría colocar la imagen 'absoluta'?

div > img {position:absolute;} 
+0

esto es lo que probaría primero ... – Alex

+0

Esto le dará el efecto deseado. Aunque personalmente, creo que el contenedor siempre debe ser lo suficientemente grande como para contener sus contenidos. Tal vez se requiera un enfoque diferente –

+0

@marc constello: así lo intenté también, pero lo principal es que cuando aumento el ancho de la imagen, el contenedor div también aumenta según el ancho de la imagen para que la imagen siempre esté dentro del contenedor .. Cualquier forma de arreglar esto...? – krish

3

Conjunto de width a 200px y su overflow a visible el div.

+0

utilicé esto pero sigue siendo el mismo – krish

+0

Pero funciona; Probé en IE8. ¿Puedes publicar el código que probaste? –

+0

con el código ur la propiedad absoluta soluciona el problema thanq. – krish

Cuestiones relacionadas