2016-04-01 2 views
0

nicht sicher, was hier los ist. Ich habe das Kompatibilitätsproblem erst bemerkt, als jemand darauf hingewiesen hat. Die Bilder sind gut in Chrome und anderen Browsern positioniert, aber im Internet Explorer nach den ersten beiden Bildern scheint es eine unglaubliche Menge an Leerraum vor den nächsten zwei?Seite sieht auf Chrome und anderen Browsern gut, aber im Internet Explorer seine hinzugefügt viel Platz dazwischen meine Bilder?

Ich mag würde wissen, wie beheben dies, so kann ich es in Zukunft vermeiden, so Theorie darüber, warum sein, es zu tun, und wie Sie Ihre Verlegenheit es zusammen mit einer Antwort fixiert wäre brillant. Hier zu lernen, nicht nur schnelle Antworten bekommen!

Album mit Screenshot von dem, was die Seite sieht aus wie auf IE, und wie es auf Chrome aussieht: 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" /> 

Dank!

+0

haben Sie versucht CSS r anwenden eset? Diese –

+0

sollte als offtopic> tipographycal Fehler –

+1

geschlossen Diese Frage wurde durch ein Problem verursacht, die nicht mehr wiedergegeben werden kann oder einen einfachen Tippfehler. Während ähnliche Fragen hier zum Thema gehören könnten, wurde diese in einer Weise gelöst, die den zukünftigen Lesern wahrscheinlich nicht hilft. Dies kann oft vermieden werden, indem das kürzeste Programm identifiziert und genau untersucht wird, das zur Reproduktion des Problems vor der Veröffentlichung erforderlich ist. –

Antwort

1

ist nicht korrekt. Sie fehlt das Schließen "auf dem Stil-Attribut, das das Attribut src verursacht nicht abgeholt zu werden Ersetzen Sie den Code mit diesem:.

<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

Ich sehe, dass der Browser eine einzige Zeile Code konvertiert falsch:

<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=""> 

Es gibt

keine abschließende "für den Stil
einen Raum in src =" _ LNS ... Der Tag dritte Bild.

1

Auf dem dritten Bild, das Sie Ihren Stil-Attribut schließen vergessen zu

..float: none; src=".. 

Sie müssen

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

ich weiß nicht, ob es die Schuld

Verwandte Themen