white space on the entire screen when i use frameset - html

I have a big white space filling almost half of the screen, this is the same error on every browser. Even when i click links it doesn't go away.
Here is the index file
<html>
<title>Terrapene.dk</title>
<frameset rows="*,*" cols="316" framespacing="0" frameborder="0" border="false">
<frameset rows="72,89%">
<frame name="hoved3" src="front.htm" target="_self" scrolling="no" noresize marginheight="5">
<frameset cols="*,80%">
<frame name="hoved5" src="bond.htm" target="_self" scrolling="auto" noresize>
<frame name="hoved4" src="Velkommen/Velkommen.html" target="_self">
</frameset>
</frameset>
<noframes>
<body bgcolor="#008000">
</body>
</noframes>
</frameset>
</html>

I made the following change to the outer frameset to address the white-space issue (note the change from wildcard (*) to 100% height):
<frameset rows="100%,*" cols="316" framespacing="0" frameborder="0" border="false">
Here's a demo page on my server:
http://jackpattishalljr.com/stackoverflow/terrapene.html
Also, it probably wouldn't hurt to add the frameset doctype (although, this by itself, does not address the whitespace issue you found):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
P.S. Thanks for this BLAST FROM THE PAST with a frameset question ;)

Related

Second Frameset not appearing in IE8

I am working on a facelift for a legacy site that has to function in IE5 and up. I have it working in everything but IE8. It uses framesets and that is not something I can change unfortunately.
For some reason, in IE8 on Windows 7 and XP, the second frameset in a nested frameset group is not showing up. It is also a nested frameset.
I have tried viewing this in compatibility mode and without compatibility mode. It is also running on a server, not just a file. My head doesn't use the x-frame-options call in it because the site resides on a non-networked server, so there is no way it can be clickjacked.
Below is my code:
frameset rows="120, *" border="0">
<frameset cols="100%" border="0">
<frame src="masthead.html" style="width: 100%; display:" scrolling="no" noresize></frame>
</frameset>
<frameset cols="240, 640*" border="0">
<frame src="menu.html" scrolling="no" noresize></frame>
<frameset rows="*" border="0">
<frame src="cathome.html" name="main" scrolling="auto" noresize></frame>
</frameset>
</frameset>
</frameset>
It resides in an HTML page that has html, head, title and body tags as well.
The top frameset appears fine, there is just no bottom one. I can also see this exact code when I view source, so it is not removing anything when rendering. Thanks -
The frameset is invalid, and as known, IE is not the best browser to show invalid HTML. Remove the extra framesets:
<frameset rows="120, *" border="0">
<frame src="masthead.html" scrolling="no" noresize></frame>
<frameset cols="240, 640*" border="0">
<frame src="menu.html" scrolling="no" noresize></frame>
<frame src="cathome.html" name="main" scrolling="auto" noresize></frame>
</frameset>
</frameset>

Making column using <frameset> but not able to hide that line [duplicate]

This question already has an answer here:
Frameset border problem in Internet explorer
(1 answer)
Closed 8 years ago.
I am using frameset tag and made 2 column in same HTML page. The problem I am facing is that I am not able to remove that line which is dividing both HTML pages column. So how can I remove that line and hide it.
Code :
<!DOCTYPE html>
<html>
<frameset cols="50%,50%">
<frame src="first_1.html">
<frame src="second_2.html">
</frameset>
</html>
You can use this frameborder="0" rather than '1' and by this you can hide that line.
<!DOCTYPE html>
<html>
<frameset cols="50%,50%">
<frame src="first_1.html" frameborder="0">
<frame src="second_2.html" frameborder="0">
</frameset>
</html>
<!DOCTYPE html>
<html>
<frameset cols="50%,50%" frameborder="0" border="0" framespacing="0">
<frame src="first_1.html" >
<frame src="second_2.html">
</frameset>
</html>

how to restrict the page content becoming large at the time of split the old frame into multiple frames?

I have the frameset like this,
index.html
<frameset rows="137px,*" border="0" >
<frame src="first.html" scrolling="no" noresize="noresize"/>
<frame src="second.html" noresize="noresize" name="show"/>
</frameset>
first.html
<a href="home.html" target='show'>Home</a>
home.html
<frameset rows="20%,*" border="0" >
<frame src="third.html" scrolling="no" noresize="noresize"/>
<frame src="fouth.html" noresize="noresize" name="newshow"/>
</frameset>
when I click the Home link in first.html. It will be load on the show frame( home.html).
The home.html is having another two frames. it will be split into two frames. When this split happens all page content become large. How to get rid of this problem.
I am working with firefox 3.0.8. In google-chrome,it works fine.
Thanks

Frameset in frameset border hell

I have a web page with lots of framesets and frames (don't ask), and I want to be able to show frame borders where the red borders appear in the mockup below (The vertical borders must be scrollable).
If I set frameborder="0" to the #outer frameset (i don't want any border to appear there), this prevents me from overriding it in the #middle frameset. Please not that there should not be a border in the #innerXXX framesets.
So, how can I show frame borders on the #innerXXX framesets? (only where the red lines are visible in the mockup)
Thanks.
P.S. Don't ask.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Frame desperation</title>
</head>
<frameset id="outer" rows="23, *" frameborder="0" border="0">
<frame noresize="noresize" scrolling="no" src="http://www.bing.com">
<frameset id="middle" cols="20,30%,35%,35%" frameborder="5" border="5" bordercolor="red" id="sizingControl">
<frame name="minimizeBar" noresize="noresize" id="minimizeBar" scrolling="no" src="http://www.bing.com">
<frameset id="inner1" rows="146,*,20" border-top="0" border-bottom="0" id="treePanel">
<frame id="treeToolbar" name="treeToolbar" scrolling="no" src="http://www.bing.com">
<frame id="treeContent" name="treeContent" src="http://www.bing.com">
<frame id="treeStatus" name="treeStatus" scrolling="no" src="http://www.bing.com">
</frameset>
<frameset id="inner2 rows="146,*,20" frameborder="0" border="0" >
<frame id="leftToolbar" name="leftToolbar" scrolling="no" src="http://www.bing.com">
<frame id="leftDocumentContent" name="leftDocumentContent" src="http://www.bing.com">
<frame id="leftStatus" name="leftStatus" scrolling="no" src="http://www.bing.com">
</frameset>
<frameset id="inner3 rows="146,*,20" frameborder="0" border="0" >
<frame id="rightToolbar" name="rightToolbar" scrolling="no" src="http://www.bing.com">
<frame id="rightDocumentContent" name="rightDocumentContent" src="http://www.bing.com">
<frame id="rightStatus" name="rightStatus" scrolling="no" src="http://www.bing.com">
</frameset>
</frameset>
</frameset>
<noframes></noframes>
I don't think you can have frameborders on framesets, just on frames themselves, so the best way to do this would probably to have a single frameset containing five frames - one at the top, one at the far left and three in the middle. You give the ones in the middle a frameborder. Then each middle frame points to an separate file which has a single frameset containing three frames - top, middle bottom. In other words:
Frameset
Frame (top)
Frame (left)
Frame (inner1) - add frame border
Frameset (in separate file)
Frame (top)
Frame (middle)
Frame (bottom)
Frame (inner2) - add frame border
Frameset (in separate file)
Frame (top)
Frame (middle)
Frame (bottom)
Frame (inner3) - add frame border
Frameset (in separate file)
Frame (top)
Frame (middle)
Frame (bottom)
Incidentally, regarding the code itself, there are missing quotation marks after inner2 and inner3. Also, you shouldn't have two IDs in a single element as this could mess up any JavaScript or CSS you write. Good luck with all those frames - you have my sympathy!

How to make an HTML frame unmovable?

How can I modify this frames so that users can not move those frames?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title></title>
</head>
<frameset border="1" rows="100, 200" >
<frame src="page1.html">
<frameset border="1" cols="20%, 80%" >
<frame src="page2.html">
<frame src="page3.html">
</frameset>
</frameset>
</html>
You can use the noresize attribute to disable it:
<frameset border="1" rows="100, 200" >
<frame src="page1.html" noresize>
<frameset border="1" cols="20%, 80%" >
<frame src="page2.html" noresize>
<frame src="page3.html" noresize>
</frameset>
</frameset>
I second what Nick said, but would just like to add that I think it should be one of the following:
noresize="true"
noresize="noresize"
I am not sure which one it is, but I know the attribute "nowrap" uses "nowrap" for the value too, instead of true. Can someone please confirm which of the above options applies here?
Also do you have to use frames? I notice you are loading pages in each one. If you create them as divs, you can use most server side languages to load pages into the divs. For example:
In ASP.Net you are able to do this - but unfortunately I do not have the code for this available right now. There is a way to process a page within a page.
In PHP you can use the include command (include "page1.htm";). PHP is much simpler in my opinion.