Note that there are some explanatory texts on larger screens.

plurals
  1. POTwo frames one scrollbar
    text
    copied!<p>I'm trying to create two frames and make them scroll together, for instance in the case of a page with a changing menu bar at the top - I'm using a carousel - or a footer at the bottom, that must appear as part of the page.</p> <p>I want a page to look like one page that is also capable of scrolling, but the page is actually composed of two frames. Using this...</p> <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;!-- Info from: http://www.webxpertz.net/forums/showthread.php?t=257 --&gt; &lt;!-- Using this... --&gt; &lt;meta NAME="Description" content="Outer frame(OneBaredFrame) used to wrap the header and body frames" /&gt; &lt;meta HTTP-EQUIV="Cache-Control" content="no-cache" /&gt; &lt;meta HTTP-EQUIV="pragma" content="no-cache" /&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;frameset rows="1,*" border="0" frameborder="no"&gt; &lt;frame src="javascript:&lt;HTML&gt;&lt;/HTML&gt;" name="dummy" id="dummy" frameborder="no" marginheight="0" marginwidth="0" noresize="noresize" scrolling="no"&gt;&lt;/frame&gt; &lt;frame src="index_inner.html" name="OneBaredFrame" id="OneBaredFrame" frameborder="no" marginheight="0" marginwidth="0" noresize="noresize" scrolling="yes"&gt;&lt;/frame&gt; &lt;!-- the bottom frame above if scrolling="yes" doesn't show a scrollbar for me? --&gt; &lt;!-- the top frame above if scrolling="yes" does show a scrollbar for me if rows="100,*" say? --&gt; &lt;/frameset&gt; &lt;/html&gt; </code></pre> <hr> <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;meta NAME="Description" content="Frames for within a scrollable frame"&gt; &lt;meta HTTP-EQUIV="Cache-Control" content="no-cache"&gt; &lt;meta HTTP-EQUIV="pragma" content="no-cache"&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;!-- My header and body frames need to scroll together, so I am using another frameset (the one above) to enclose these frames --&gt; &lt;frameset rows="215,*" border="0" frameborder="no"&gt; &lt;frame src="Header.html" id="header" name="header" frameborder="no" marginheight="0" marginwidth="0" noresize="noresize" scrolling="no"&gt;&lt;/frame&gt; &lt;frame src="index_body.html" id ="body" name="body" frameborder="no" marginheight="0" marginwidth="0" noresize="noresize" scrolling="no"&gt;&lt;/frame&gt; &lt;!-- when the above are set to scrolling="yes" scrollbars appear for me for each --&gt; &lt;/frameset&gt; &lt;/html&gt; </code></pre>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload