2012-06-12 13 views
6

Tutaj znajdziesz link,IE7 pionowo wyrównać środka - nie pracuje

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

Chcę tylko moje div przyjść na pionowo wyrównać środkowy IE7 również.

Czy ktoś może pomóc?

Dzięki


Sorry chłopaki,

dowiem jedno dobre rozwiązanie proszę zobaczyć poniżej link,

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

Dzięki,

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

+1

gość dzisiaj, który używa ie7 –

+0

Nanba to jest mój wymóg klienta. – anglimasS

+1

@Somebodyisintrouble Mnóstwo ludzi. W znacznej większości środowisk korporacyjnych IE7 jest nadal używany. Czasem nawet IE6. Znam ludzi, którzy wciąż pracują na maszynach z XP. To naprawdę wcale nie jest takie rzadkie. Firmy nie mają luksusu ciągłego ulepszania najnowszej "najlepszej" technologii. – Tony318

Odpowiedz

23

Nie działa w IE7, ponieważ IE7 does not supportdisplay: table-cell.

mam nawet told you this before.

Oto alternatywa pionowy technika centrowanie, który działa w IE7: How to vertically align an image inside div

oto najprostsza wersja techniki z powyższym odpowiedź stosowanej do kodu: 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; 
} 

Działa we wszystkich nowoczesnych przeglądarkach, i oczywiście, IE7.

+26

Haha za "Już ci to powiedziałem wcześniej". –

Powiązane problemy