IE7 alignées à la verticale du milieu ne fonctionne pas

Veuillez trouver ci-dessous le lien,

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

Je veux juste mon div viennent de alignées à la verticale du milieu ie7 aussi.

Quelqu'un peut-il aider?

Grâce

Désolé les gars,

- Je trouver une bonne solution
Veuillez voir ci-dessous le lien,

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

Merci,

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

  • mec d'aujourd'hui qui utilise ie7
  • Nanba c'est mon client à l'exigence.
  • Beaucoup de personnes. Dans une grande majorité des environnements professionnels IE7 est encore utilisé. Parfois même IE6. Je connais des gens qui travaillent toujours sur des machines sous XP. Ce n'est vraiment pas rare du tout. Les entreprises n'ont pas le luxe de constamment à la mise à niveau vers le nouveau "meilleur" de la technologie.
InformationsquelleAutor anglimasS | 2012-06-12
  1. 23

    Il ne fonctionne pas dans IE7 car IE7 ne prend pas en charge display: table-cell.

    J'ai même vous a dit cela avant.

    Voici une alternative verticale de centrage de la technique qui ne fonctionne pas dans IE7: Comment aligner verticalement une image à l'intérieur de la div

    Voici la version la plus simple de la technique de la réponse ci-dessus est appliquée à votre code: 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;
}

    Il fonctionne dans tous les navigateurs modernes, et bien sûr, IE7.

    • Haha pour "j'ai même dit cela avant."
    InformationsquelleAutor thirtydot