Also die nicht respektieren td width

Ich habe eine Tabelle, basierend layout ist unterteilt in vier Spalten, die zwei von Ihnen für die Polsterung Zwecke. In den meisten Browsern funktioniert es einwandfrei, aber zumindest auf IE9 in den beiden normalen und Kompatibilität-Modus die Zellen nicht die Größe, die Sie sein soll.

Habe ich versucht, die Definition der Breite als Attribute und CSS-Stile, aber weder scheint zu helfen. Siehe Geige für eine demonstration.

Ich will:

+------------------------------------------+
|  320          | 20 | 39   |  320         |
|               |    |      |              |
+------------------------------------------+

Bekomme ich: (gerundete Werte sind Dezimalzahlen)

+------------------------------------------+
|  324          | 19 | 34   |  321         |
|               |    |      |              |
+------------------------------------------+

Mit der tatsächlichen Inhalte anstelle der Platzhalter, was der Unterschied ist sogar noch übertrieben, die am weitesten Links stehende Spalte, die 357 und die am weitesten rechts 299 Pixel breit.

Ursprünglich hatte ich nur zwei Spalten mit Polsterung an den Rändern, aber eingeschaltet, um die aktuelle version als ein Versuch, dies zu beheben. Es hatte keine Wirkung.

Dies ist für einen HTML-newsletter so mit einem tabellenfreie layout ist keine option.

Ich sehe nicht das Problem, aber ich bin auch mit IE9. -- Nebenbei, eine Tabelle ist wirklich nicht der ideale tag für diese Art von Inhalten. Sie sollte wirklich sein styling divs und vielleicht verwenden die float-Stil.
Ja, in Wahrheit, Tabellen sind eine schlechte Sache zu verwenden, weil die Art, wie Sie arbeiten. Können Sie garantieren ein gutes Ergebnis mit divs, allerdings.
Danke, aber haben Sie versucht, mit gefloateten divs in HTML-E-Mail? Sie funktioniert nicht in den meisten E-Mail clients.
Für mich wurde dieses Thema im Zusammenhang zu den ein Fehler in den browser definition-files. Sicherstellen, dass die jüngsten .NET framework installiert wurde, klärte sich das Problem.

InformationsquelleAutor Kaivosukeltaja | 2011-05-25

  1. 3

    In der Vergangenheit, ich habe festgestellt, dass dies eine nahezu unlösbare Problem zu beheben, es sei denn, Sie lassen von der Tabelle der Elemente ohne eine Feste Breite.

    Wenn Sie das tun, dann habe ich gefunden, dass die Spalte, die ändert, während der rest sollte die Größe die Sie sich wünschen.

    Es ist nicht ideal, aber es ist wenigstens vernünftigerweise voraussehbaren und kontrollierbar.

    InformationsquelleAutor Spudley

  2. 1

    Helfen würde, zu sehen, mit CSS und HTML. Aber vergessen Sie nicht, Grenzen zu zählen, bei Messen die gesamte Breite des Tisches.

    margin + border + padding + width = Breite.

    Stellen Sie außerdem sicher, dass Sie nicht jedes element in einem dieser Zelle, die größer ist als die zellbreite.

    Die Fiedel enthält das HTML, das CSS ist nicht relevant, wie das problem reproduziert werden kann, ohne dass es. Es gibt nur einen 1px Rand in die 20px Breite Spalte, und kein margin oder padding oder einer von Ihnen.
    Oh, und keines der Elemente im inneren der Zelle überschreiten 320px.

    InformationsquelleAutor David

  3. 1

    Habe ich endlich eine Lösung gefunden für das problem. Die vier Zellen selbst waren in Ordnung, aber dieser code enthält der newsletter-überschrift und der ingress brach es: 

    <tr><td colspan="4">Some long text here</td></tr>

    Ich es geändert und es begann zu arbeiten:

    <tr><td colspan="4" width="700">Some long text here</td></tr>

    Die Breite Spalte Breite 700px, ob ich nicht erzwingen, aber wenn ich nicht, die Breite der einzelnen Spalte Zellen Durcheinander gebracht. Ich halte dies für einen klaren bug im IE.

    InformationsquelleAutor Kaivosukeltaja

  4. 0
    <table width="699" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="320" height="50" valign="top"><!--test-->&nbsp;</td>
    <td width="20" valign="top"><!--test-->&nbsp;</td>
    <td width="39" valign="top"><!--test-->&nbsp;</td>
    <td width="320" valign="top"><!--test-->&nbsp;</td>
  </tr>
</table>

    sollte diese Arbeit

    Ja, die Entleerung aller Inhalte, die machen die Zellen in der richtigen Größe, aber es Art von Niederlagen der Zweck der ganzen newsletter... 🙂

    InformationsquelleAutor Dontlose

Schreibe einen Kommentar