Set the height of frameset. Solution to interface deformation_HTML/Xhtml_Web page production

Currently I am working on a project with the following interface:

This is done using frameset. I have never found any problems when developing in wide screen. It was not until a user tested it on an 800*600 machine that I discovered it. The entire interface has been transformed.
At that time, the entire frameset page was only 600 pixels high, and scroll bars appeared in the nested frames of the frameset, which was really ugly. How to set the height of the frameset to a higher point so that the nested frame page does not have scroll bars, but the frameset has scroll bars?

The height of frameset cannot be set, for example: . At this time, the page is still the height of the screen, not 1900px; setting the height of the body of the frameset is also invalid. What to do? I searched Baidu for many days and still couldn't find the answer. This question has been left on the shelf. I also thought about asking the artist to replace the frameset with DIV CSS, but I was afraid that it would involve too much content and the replacement might be a heavy workload, so I had to give up.

Inspiration is such a strange thing, whether it comes or not, it can’t be stopped once it comes. Just after having this problem for a month, it suddenly came up today, with an iframe attached. When I nested the frameset in it and set the height of the iframse page, the effect came out. Now share the solution with colleagues who have encountered the same problem but cannot solve it.

1. frameset page (inner.html)

Copy code

The code is as follows:

< frame src="narrow.jsp" scrolling="no" noresize="noresize"/>



<br>

2. iframe page ( outer.html)
The key is to set the height of this page. You can set it as high as you want. It’s up to you. At this time, the frameset contained in it will also be this height.

Copy code

The code is as follows: