2012-06-12 15 views
6

A continuación el enlace,IE7 alinear verticalmente media - no trabajar

http://jsfiddle.net/anglimass/Y8AvM/

solo quiero mi div vienen de alinear verticalmente IE7 media también.

¿Alguien puede ayudar?

Gracias


Lo siento chicos,

me entero de una buena solución Por favor, ver el siguiente enlace,

http://jsfiddle.net/anglimass/ct4tx/

Gracias,

Ref: http://css-tricks.com/snippets/css/exactly-center-an-imagediv-horizontally-and-vertically/

+1

amigo hoy que está usando ie7 –

+0

Nanba este es mi requisito del cliente. – anglimasS

+1

@Somebodyisintrouble Mucha gente. En una gran mayoría de entornos corporativos, IE7 todavía se usa. A veces, incluso IE6. Conozco personas que todavía trabajan en máquinas con XP. Realmente no es tan raro en absoluto. Las empresas no tienen el lujo de actualizar constantemente a la "mejor" tecnología más nueva. – Tony318

Respuesta

23

No funciona en IE7 porque IE7 does not supportdisplay: table-cell.

incluso he told you this before.

Aquí está una técnica centrado vertical alternativo que funciona en Internet Explorer 7: How to vertically align an image inside div

Aquí está la versión más simple de la técnica de la respuesta anterior se aplica a su código: http://jsfiddle.net/thirtydot/Y8AvM/1/

HTML:

<div class="inlay"> 
    <span class="helper"></span><img src="http://goldstudios.net/uploader/uploads/Wildebeest_$1$2ryes3hf$Fl0tEsFaORwBW2seye9qN0.jpg" /> 
</div>​ 

CSS:

html, body { 
    height: 100%; 
    background: #ddd; 
} 
.inlay { 
    height: 100%; 
    text-align: center; 
} 

.inlay img { 
    vertical-align: middle; 
} 
.helper { 
    display: inline-block; 
    height: 100%; 
    vertical-align: middle; 
} 

Funciona en todos los navegadores modernos, y por supuesto, IE7.

+26

Haha por "Incluso te he dicho esto antes". –

Cuestiones relacionadas