HTML Table width im IE?

Bin ich mit Hilfe der Tabelle für die Anzeige einer Reihe von Daten, mein HTML-code geht hier...

<table border="1" cellspacing="0" cellpadding="0" style="width: 780px;">
  <tbody>
    <tr>
      <td style="width: 780px; height: 25px;">
        <pre width='100' style='width: 780px; word-wrap: break-word;'>
            the data goes here.....
        </pre>            
      </td>
    </tr>
    <tr>
      <td style="width: 780px; height: 25px;">
        <pre width='100' style='width: 780px; word-wrap: break-word;'>
            the data goes here.....
        </pre>            
      </td>
    </tr>
  </tbody>
</table>

diese Tabelle funktioniert im firefox, safari und IE8. Aber das problem entstehen, im IE7, IE6.. asthe Tabelle erweitert sich und geht aus dem Bildschirm heraus(ich.e erweitert sich zur rechten Seite in x-Achse)....
gibt es irgendeinen hack, um es zu beheben?

den screenshots des IE6 im IETester:

HTML Table width im IE?

InformationsquelleAutor Harish Kurup | 2010-06-14
  1. 19

    Verwenden Sie die CSS-unten und dies sollte verhindern, dass deine Tabelle über die maximale Größe, die Sie definieren:

    table{
  table-layout:fixed;
}
    • table-layout nicht für mich arbeiten, indem Sie versuchen, die <colgroup> <col width="10px"> </colgroup> hat den job.
    InformationsquelleAutor Pete
  2. 2

    Können Sie auch versuchen, den Stil Wort-break: break-all;

    • ich habe entschieden meine problem...by die obige Antwort....und ich werde versuchen, die word-break-Regel, und überprüfen Sie, ob das funktioniert mit allen Browsern...und thank u @Rodeo Ramsey...
    • wo ist dieser Stil angewendet werden soll? brauchen, um ein Beispiel zu sehen
    InformationsquelleAutor RodeoRamsey
  3. 2

    Ist das problem gelöst, wie ich den code wie

    <table border="1" cellspacing="0" cellpadding="0" width="780" style="table-layout:fixed">
<col width="780">
<tbody>
<tr>
  <td style="width: 780px; height: 25px; overflow:hidden;">
    <pre width='100' style='width: 780px; word-wrap: break-word;'>
        the data goes here.....
    </pre>            
  </td>
</tr>
<tr>
  <td style="width: 780px; height: 25px; overflow:hidden;">
    <pre width='100' style='width: 780px; word-wrap: break-word;'>
        the data goes here.....
    </pre>            
  </td>
</tr>
</tbody>
</table>

    im obigen code gibt es drei änderungen...

    1. im table-tag die width-Attribut gesetzt ist(statt-Einstellung im style-Attribut)
    2. col-tag gesetzt ist mit der Breite die gleiche wie die Breite der Tabelle
    3. und im TD Stil der überlauf auf hidden gesetzt,(overflow:hidden).

    Habe ich diese info aus dem link unten angegeben, bitte alle check out...
    "http://www.tek-tips.com/faqs.cfm?fid=4499"
    und damit war mein problem gelöst.

    InformationsquelleAutor Harish Kurup
  4. 0

    Versuchen 

    <table border="1" cellspacing="0" cellpadding="0" width="780">
    • Nein, es hat nicht funktioniert mit IE7 und IE6.. noch erweitert in Richtung rechts...
    • ist es der einzige Inhalt auf Ihrer Seite sein mag, es geschieht, weil Sie mit es in einigen div.schauen Sie, was passiert mit dem code nur gegeben, wenn dem nicht so ist.
    InformationsquelleAutor Salil
  5. 0

    Habe ich gerade getestet mit Ihren HTML-und es sah identisch im IE6, IE8 (Kompatibilitätsmodus) und IE8 (normal-Modus) sowie das gleiche in Firefox.

    Etwas anderes auf Ihrer web-Seite muss sich auf das layout, so poste bitte ein komplettes Beispiel.

    Dies ist das komplette Beispiel, das ich getestet.

    <html>
    <body>
        <table border="1" cellspacing="0" cellpadding="0" style="width: 780px;">
          <tbody>
            <tr>
              <td style="width: 780px; height: 25px;">
                <pre width='100' style='width: 780px; word-wrap: break-word;'>
                    the data goes here.....
                </pre>            
              </td>
            </tr>
            <tr>
              <td style="width: 780px; height: 25px;">
                <pre width='100' style='width: 780px; word-wrap: break-word;'>
                    the data goes here.....
                </pre>            
              </td>
            </tr>
          </tbody>
        </table>
    </body>
</html>
    • eigentlich ist diese Tabelle bildete dynamisch im backend mit PHP...es gibt headers.php, footers.php und content.php die Bildung dieser Seite...
    • Daher ist es so wichtig, dass wir die ganze Seite, so können wir das problem erneut hervorzurufen.
    InformationsquelleAutor Fenton
Schreibe einen Kommentar