Hilfe bei Bildgröße Ausgabe in ie - html, Stile

Ich habe etwas Markup, (ich weiß, dass es nicht css verwendet - dies ist eine Einschränkung in meiner Umgebung) es geht so:

<table width="100%" cellpadding="5">
<tr><td  width="60%">
<img src="/images/../images/oracle_memory.gif" alt="oracle_memory.gif" width="100%"/>
</td>
<td>
</td>
</tr>
</table>

Das heißt, das Bild zeigt immer 100% seiner ursprünglichen Größe, in anderen Browsern (Chrom, Firefox) skaliert das Bild 100% der Zellengröße - was eigentlich ...

Gibt es einen bestimmten Hack oder eine bestimmte Syntax, durch die sich dieses Bild in allen Browsern konsistent verhält?

tia

Antworten:

1 für die Antwort № 1

Sie legen die Breite des Bildes statt der Breite fest Stil des Bildes.

Veränderung:

<img src="/images/../images/oracle_memory.gif" alt="oracle_memory.gif" width="100%" />

In:

<img src="/images/../images/oracle_memory.gif" alt="oracle_memory.gif" style="width:100%;" />

Ich glaube sogar, dass der Fall in diesem Fall richtig ist.

---

1 für die Antwort № 2

Einige Dinge zum Ausprobieren

• Versuchen Sie, width = "erb" für das img zu verwenden, oder verwenden Sie die Stile min und max-width für td und img, bis Sie das bekommen, was Sie möchten.

• wenn Sie mit Javascript oder Jquery vertraut sindkann nur die Breite des übergeordneten Elements (das td) ermitteln und die Bildbreite darauf einstellen Dies würde das Laden des Bildes erzwingen, das skaliert zu dem übergeordneten Container ist.

Oder Sie können Ihrem td eine id = "xyz" geben und dies inline tun:

<img width="javascript:document.getElementById("xyz").width">

• Installieren Sie ein Entwicklertool, das im IE installiert ist, sodass Sie das DOM überprüfen und die Stile usw. ändern können, bis es so aussieht, wie Sie es möchten.

---

1 für die Antwort № 3

Was passiert, wenn die Breite = "100%" aus dem Image-Tag gelöscht wird?

Wenn es immer 100% ist, benötigen Sie überhaupt diesen Stilwert?

Sie skalieren die Bildgröße nicht.

Nur ein Gedanke...

---

0 für die Antwort № 4

benutzen style="max-width:auto;" statt max-width: 100%; "

---