2016-04-01 14 views
0

Burada neler olup bittiğinden emin değilsiniz. Birisi işaret edene kadar uyumluluk sorununu bile fark etmedim. Görüntüler Chrome ve diğer tarayıcılarda iyi bir şekilde konumlandırılıyor, ancak ilk iki görüntüden sonra Internet Explorer'da, sonraki ikisinden önce inanılmaz miktarda beyaz alan var gibi görünüyor.Sayfa, Chrome ve diğer tarayıcılarda iyi görünüyor, ancak Internet Explorer’da, resimlerimin arasında eklenmiş alan çok fazla yer var mı?

Bunu nasıl çözeceğimi bilmek isterim, böylece gelecekte bunu önleyebilirim, bu yüzden onun neden yaptığı ve nasıl bir düzeltmeyle birlikte çözümünüzün nasıl düzeltileceği hakkındaki teori mükemmel olacaktır. Öğrenmek için, sadece hızlı cevaplar almak değil! sayfa IE gibi görünüyor ve ne ekran görüntüsü ile

Albüm Chrome'un nasıl göründüğünü: http://imgur.com/a/CTUWx

HTML & CSS:

<img style="width: 45%; display: block; margin-left: auto; margin-right: auto; float: none;" src="/sites/all/themes/br/assets/images/LNS-media-pack_survey-results-1.jpg" /> 
<img style="width: 45%; display: block; margin-left: auto; margin-right: auto; float: none;" src="/sites/all/themes/br/assets/images/LNS-media-pack_survey-results-2.jpg" /> 
<img style="width: 45%; display: block; margin-left: auto; margin-right: auto; float: none; src="/sites/all/themes/br/assets/images/LNS-media-pack_survey-results-3.jpg" /> 
<img style="width: 45%; display: block; margin-left: auto; margin-right: auto; float: none;" src="/sites/all/themes/br/assets/images/LNS-media-pack_survey-results-4.jpg" /> 
<img style="width: 45%; display: block; margin-left: auto; margin-right: auto; float: none;" src="/sites/all/themes/br/assets/images/LNS-media-pack_survey-results-5.jpg" /> 

Teşekkür!

+0

Eğer css r uygulamak çalıştım hatam olmadığını bilmiyorum

..float: none;" src=".. 

gerek ESET? –

+0

Bu, offtopic> tipographycal hatası olarak kapatılmalıdır –

+1

Bu soru, yeniden üretilemeyen veya basit bir yazım hatası olan bir sorundan kaynaklandı. Benzer sorular burada konuyla ilgili olsa da, bu, gelecekteki okuyuculara yardımcı olmayacak şekilde çözülmüştür. Bu genellikle, yayınlamadan önce sorunu yeniden üretmek için gerekli olan en kısa programı tespit ederek ve yakından inceleyerek önlenebilir. –

cevap

1

Üçüncü görüntü etiketi doğru değil. Sen src niteliği aldı varlık değil neden olan bir stil özelliği, üzerinde kapanış "kaçırıyorsun bununla kodu değiştirin:.

<img style="width: 45%; display: block; margin-left: auto; margin-right: auto; float: none;" src="/sites/all/themes/br/assets/images/LNS-media-pack_survey-results-1.jpg" /> 
<img style="width: 45%; display: block; margin-left: auto; margin-right: auto; float: none;" src="/sites/all/themes/br/assets/images/LNS-media-pack_survey-results-2.jpg" /> 
<img style="width: 45%; display: block; margin-left: auto; margin-right: auto; float: none;" src="/sites/all/themes/br/assets/images/LNS-media-pack_survey-results-3.jpg" /> 
<img style="width: 45%; display: block; margin-left: auto; margin-right: auto; float: none;" src="/sites/all/themes/br/assets/images/LNS-media-pack_survey-results-4.jpg" /> 
<img style="width: 45%; display: block; margin-left: auto; margin-right: auto; float: none;" src="/sites/all/themes/br/assets/images/LNS-media-pack_survey-results-5.jpg" /> 
1

Ben tarayıcı yanlış kod satırını dönüştürmek olduğunu görüyorum:

<img 
style="width: 45%; display: block; margin-left: auto; margin-right: auto; float: none; 
src=" lns-media-pack_survey-results-3.jpg"="" images="" assets="" br="" themes="" all="" sites=""> 

_ lns "tarzı
src = bir boşluk için" hayır sonlandırma yoktur ...

1

unutur üçüncü resim üzerinde stil özelliğini kapatmak için

..float: none; src=".. 

bunu