Kommentar: Das Hintergrundbild der Tabelle kann nicht 100% angezeigt werden. Glücklicherweise habe ich online eine Lösung gefunden. Freunde in Not können sich darauf beziehen.
Die folgende Situation wurde während der Entwicklung gefunden:
(1) Wenn die Datei in Form eines .jsp -Datei -Suffix gespeichert ist, ist der Code wie folgt (index.jsp):
Der Code ist wie folgt:
<%@page contentType = text/html; charset = utf-8 pageCoding = utf-8 Sprache = Java %>
<! DocType html public -// w3c // dtd xhtml 1.0 transitional // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd>
<html xmlns = http: //www.w3.org/1999/xhtml>
<kopf>
<meta http-äquiv = content-type content = text/html; charset = utf-8 />
<titels> Lassen Sie die Tabelle 100%</title> angezeigt werden
</head> </p> <p> <body style = Hintergrund:#9c9;>
<Table CellPading = 0 Cellpacing = 0 Style = Breite: 100%; >
<tr>
<td Höhe = 8 Breite = 17px; > <img src = img/bg-header_l.gif width = 17 hohe = 8/> </td>
<td style = Hintergrund: URL (IMG/BG-Header_C.gif) Repeat-X;> </td>
<td Höhe = 8 Breite = 17px; > <img src = img/bg-header_r.gif width = 17 hohe = 8/> </td>
</tr>
</table>
</body>
</html>
Nachdem das Programm ausgeführt wurde, ist der auf der Seite angezeigte Effekt in der folgenden Abbildung dargestellt:
In diesem Effekt gibt es zwei falsche Orte:
(1) Der Hintergrund des TD in der Mitte bedeckt nicht die gesamte TD;
(2) Die gesamte Tabellenbreite füllt nicht den gesamten Bildschirm.
Ich war verwirrt und sehr deprimiert! ! Versuchen Sie im Hintergrund, der Tabelle Rand = 0 hinzuzufügen, und der Effekt ist immer noch wie in der obigen Abbildung dargestellt. Ändern Sie 0 auf 1 und stellen Sie fest, dass die Tabelle den gesamten Bildschirm füllt und der TD auch mit dem Hintergrund bedeckt ist, wie in der Abbildung unten gezeigt, aber der Rand der Tabelle ist nicht das, was ich möchte.
Es wurde festgestellt, dass die obige Methode das Problem nicht grundlegend lösen konnte.
Dann habe ich die 3 TDs in der Tabelle verglichen und stellte fest, dass es im zweiten TD keinen Inhalt gab. Deshalb habe ich versucht, den Inhalt im zweiten TD auszufüllen, und der Code war wie folgt:
<Table CellPading = 0 Cellpacing = 0 Style = Breite: 100%; >
<tr>
<td Höhe = 8 Breite = 17px; > <img src = img/bg-header_l.gif width = 17 hohe = 8/> </td>
<td style = Hintergrund: URL (IMG/BG-Header_c.gif) Repeat-X;> Der zweite TD fügt Inhalt hinzu </td>
<td Höhe = 8 Breite = 17px; > <img src = img/bg-header_r.gif width = 17 hohe = 8/> </td>
</tr>
</table>
Der Effekt nach dem Ausführen des Codes steht im Grunde genommen mit dem Endergebnis und der Betriebseffekt wie folgt:
Das Folgende ist eine kleine Anpassung an den Code. Der vollständige Code lautet wie folgt:
Der Code ist wie folgt:
<%@page contentType = text/html; charset = utf-8 pageCoding = utf-8 Sprache = Java %>
<! DocType html public -// w3c // dtd xhtml 1.0 transitional // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd>
<html xmlns = http: //www.w3.org/1999/xhtml>
<kopf>
<meta http-äquiv = content-type content = text/html; charset = utf-8 />
<titels> Lassen Sie die Tabelle 100%</title> angezeigt werden
</head>
<body style = Hintergrund:#9c9;>
<Table CellPading = 0 Cellpacing = 0 Style = Breite: 100%; >
<tr>
<td Höhe = 8 Breite = 17px; > <img src = img/bg-header_l.gif width = 17 hohe = 8/> </td>
<td style = Hintergrund: URL (IMG/BG-Header_C.gif) Repeat-X; Schriftgröße: 0px;> & nbsp; </td>
<td Höhe = 8 Breite = 17px; > <img src = img/bg-header_r.gif width = 17 hohe = 8/> </td>
</tr>
</table>
</body>
</html>
Der endgültige Effekt ist in der folgenden Abbildung dargestellt: