The table sets the background image and cannot display 100% of the solution_HTML/Xhtml_Web page production

The following situation was discovered during development:
(1) If the file is stored in the form of a .jsp file suffix, the code is as follows (index.jsp):

Copy code

The code is as follows:

After the program is run, the effect displayed on the page is as shown below:

There are two things wrong with this effect:
(1) The background of the middle td does not cover the entire td;
(2) The entire table width does not fill the entire screen.
I am puzzled and very depressed! ! In the background, I try to add border="0" to the table, and the effect is still as shown in the picture above. Change 0 to 1 and find that the table fills the entire screen, and the td is also covered by the background, as shown below, but the border of the table is not what I want.

It is found that the above method cannot fundamentally solve the problem.
Then I checked the three TDs in the table and found that there was no content in the second TD, so I tried to fill in the content in the second TD. The code is as follows:

Copy code

The code is as follows:

The second td adds content

< ;/td>

The effect after running the code is basically in line with the final result. The running effect is as follows:

Just adjust the code slightly below. The complete code is as follows:

Copy the code

Code As follows:

最终效果如下图所示：