verzerrte Anzeige im Internet Explorer

Question

Liebes SosciSurvey-Team,

in unserem Fragebogen zeigen wir kleine Einführungstexte in verschiedene Themenschwerpunkte. Diese befinden sich am oberen Ende der Seite und werden zusammen mit einem Bild in einem Rahmen angezeigt.

Programmiert wurde dies wie folgt: (Leerzeichen zur Anzeige vor "<" und ">" eingefügt)

< table
style="border:medium ridge #ff9900;
width:770px;
padding:10px;
margin-bottom:30px";>
< tr>< td>
< img src="Banner.jpg" style="max-width: 100%"; "margin: 0 20px" >

< p>< h1>< center>Überschrift< /h1>< /center>< /p>

< p>hier steht der Text< /p>

< /td>< /tr>< /table>

Während bei Firefox und Chrome diese Box ohne Probleme angezeigt wird, sind die Bilder im Internet Explorer unterschiedlich groß und breit.

Haben Sie eine Idee, wie das Problem gelöst werden könnte?

Vielen Dank und viele Grüße!

Answer 1

< img src="Banner.jpg" style="max-width: 100%"; "margin: 0 20px" > 

Was ich Ihnen sagen kann ist, dass hier zwischen den beiden Definitionen keine Anführungszeichen stehen dürfen:

<img src="Banner.jpg" style="max-width: 100%; margin: 0 20px"> 

Außerdem kann ich Ihnen sagen, dass eine Tabellenkonstruktion für einen einzelnen Rahmen weder notwendig noch sinnvoll ist - ein einfaches <div> wäre hier das HTML-Element der Wahl.

Was ich Ihnen ohne Pretest-Link direkt (!) zur betroffenen Seite leider nicht sagen kann ist, weshalb der Internet Explorer etwas anderes darstellt als aktuelle Browser. Vielleicht möchten Sie so einen Pretest-Link als Kommentar zu dieser Antwort ergänzen? Dann schaue ich gerne nochmal drauf.

Comments

Vielen Dank für die schnelle Hilfe!

Entferne ich die Anführungszeichen, verschiebt sich das Bild nun auch im Firefox Browser. Ich versuche jetzt, ob sich bei Verwendung von <div> das Problem vielleicht schon von allein klärt.

Ansonsten gelangen Sie hier zum Pretest des Fragebogens:
https://s2survey.net/mobilbericht/?act=N4lfeUYBzJYtTFyYXsVEFnHy

---

... Mit <div>Rahmen, margin: auto und ohne Anführungszeichen funktioniert jetzt alles in allen Browsern.

Vielen Dank!