Is there a way to split a web page into 3 columns and 3 rows, but have all the content visible on one page? Can I show it across multiple pages where scrolling affects the top frameset's scrollbar and not the third row's scrollbar?
This is the HTML code:
<html>
<head>
<title>Monitor Task</title>
</head>
<frameset style="overflow: scroll;" rows="40%,40%,20%">
<frameset cols="40%,40%,40%">
<frame name="test" src="test.html">
<frame name="test" src="test.html">
<frame name="test" src="test.html">
</frameset>
<frameset cols="40%,40%,40%">
<frame name="test" src="test.html">
<frame name="test" src="test.html">
<frame name="test" src="test.html">
</frameset>
<frameset cols="40%,40%,40%">
<frame name="test" src="test.html">
<frame name="test" src="test.html">
<frame name="test" src="test.html">
</frameset>
</frameset>
</html>
The outcome reveals that the effect of the red rectangle is not as desired.