So, I have created a page with 3 frames, top, left and right where left meant to be main and content frame where right frame meant to be index.
Here is how it looks on opera/nightly/even ie:
yet, this is how it looks on chrome:
see white space after blue, under green. it looks even uglier when you use black.
I wish i could give you jsfiddle or something but it doesnt work for frames, and problem only happens in chrome. the html code is located at http://pastebin.com/HxG4NUjb and cant paste here because alth. I use four spaces, this editor seems to think its just text.
You are enclosing the frame id="ma" inside another extra frameset. Remove the extra frameset and that'll get rid of the extra white space.
Change this...
<frameset id="x" rows="50,*" border = "0" frameborder ="0">
<frame id="to" name="to" src="http://examancer.com/mobile/screen.html" style="frameborder:0" scrolling="no" noresize="noresize" />
<frameset cols="*,200" border="0">
<frame id="ri" name="ri" src="http://examancer.com/mobile/screen.html" frameborder="0" noresize="noresize" />
<frameset cols="200,*" style="border:0">
<frame id="ma" name="ma" src="http://examancer.com/mobile/screen.html" frameborder="0" noresize="noresize" />
</frameset>
</frameset>
</frameset>
to this...
<frameset id="x" rows="50,*" border = "0" frameborder ="0">
<frame id="to" name="to" src="http://examancer.com/mobile/screen.html" style="frameborder:0" scrolling="no" noresize="noresize" />
<frameset cols="*,200" border="0">
<frame id="ri" name="ri" src="http://examancer.com/mobile/screen.html" frameborder="0" noresize="noresize" />
<frame id="ma" name="ma" src="http://examancer.com/mobile/screen.html" frameborder="0" noresize="noresize" />
</frameset>
</frameset>
Related
How can I center the whole iframeset??
<html>
<head>
<style>
</style>
</head>
<frameset rows="100,*" frameborder="0" border="0" framespacing="0">
<frame name="topNav" src="banner.php">
<frameset cols="200,*" frameborder="0" border="0" framespacing="0">
<frame name="menu" src="menu.php" marginheight="0" marginwidth="0" scrolling="auto" noresize>
<frame name="content" src="dashboard.php" marginheight="0" marginwidth="0" scrolling="auto" noresize>
</frameset>
</frameset>
</html>
I tried <div> and applying text-align:center; But It didnt work? !
You are either going to have to create a frame on the left and right sides, or just create an iframe and avoid the whole issue (better option). frameset is obsolete so you should avoid using it.
replace your frameset tags with these,
<frameset class="center" rows="100,*" frameborder="0" border="0" framespacing="0">
<frameset class="center" cols="200,*" frameborder="0" border="0" framespacing="0">
Addthese css codes for the page
.center
{
margin-left:auto;
margin-right:auto;
width:70%;
}
Declare the width of the div and apply:
margin:auto;
or
margin-left:auto;
margin-right:auto;
Working Sample
Additionally, please avoid using frameset in the future! It is obsolete in HTML5.
Cheers!
<!Doctype html>
<html>
<frameset rows="26%,24%,*" noresize border="0" frameborder="no" framespacing="0">
<frame src="frame_a.html" target="_self" name="logo" scrolling="auto">
<frame src="frame_b.html" target="_self" name="menu" scrolling="no">
<frame src="frame_c.html" name="images_slider" scrolling="auto" target="_self">
</frameset>
</html>
But still there is space between frames how to remove that space??? I want to remove space between menu and header which are frame a and frame b
Set the body and html margins to 0 within the frame_#.html files and you should be good.
Update the rows property in your frameset element
<frameset rows="26%,24%,*" noresize border="0" frameborder="no" framespacing="0">
from: 26%
to: 45
Example
I am using pixels instead of percentages (e.g. 45px = 45) for spacing between frame a and frame b.
You can adjust the 2nd parameter (24%) accordingly for spacing between frame b and frame c.
Documentation
Hope that helps!
<head>
<title>Lead Management System</title>
</head>
<frameset rows="13%,*,3%" border="0" frameborder="0" style="z-index:4">
<frame name="navigation" target="main" src="navigation.php" scrolling="No" style="z-index:100">
<frameset cols="18%,*" border="0" frameborder="0">
<frame name="menu" target="main" src="menu.php" scrolling="No" style="z-index:10">
<frame name="main" src="start.php" scrolling="auto" noresize style="z-index:11">
</frameset>
<frame name="footer" target="main" src="footer.php" scrolling="No" style="z-index:12">
</frameset>
Also i had tried z-index concept for it but it didn't help me at all..So please is there any way that my 1st frame content should always be on top of second frame if there is any dropdown or other fields which does not gets fit in its own 1st frame.
I also referd some questions already in stackverflow but i was not able to solve it...
Ok so I've NEVER worked with frames before but a higher power has forced my hand this time.
What I need to be able to do is resize the 'footer.html' frame within this template.
<html>
<head>
<title>Store Title</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<frameset cols="*,1034,*" frameborder="NO" border="0" framespacing="0">
<frame name="sideblanks" scrolling="NO" src="blank_left.html">
<frameset rows="135,*,25" frameborder="NO" border="0" framespacing="0">
<frame name="top" scrolling="NO" noresize src="top_nav.html" >
<frameset cols="200,*" frameborder="NO" border="0" framespacing="0">
<frame name="meny" noresize scrolling="NO" src="menu_1.html">
<frame name="content" src="content.html">
</frameset>
<frame name="chart" scrolling="NO" noresize src="footer.html">
</frameset>
<frame name="sideblanks" scrolling="NO" src="blank_right.html">
</frameset>
<noframes>
<body bgcolor="#FFFFFF" text="#000000">
</body>
</noframes>
</html>
I feel like a complete novice again. I don't like it, I'm scared.
Any help would be great.
Adjust the numeric values here:
<frameset rows="135,*,25" frameborder="NO" border="0" framespacing="0">
you have used "rows" and "columns" you can set the height of the frame with rows or with CSS.
if you need to dynamically alter the height of the frame you might be able to do this with javascript or JQuery but you have to reference it as parent. to make sure you are in the right window.
when are you wanting the height of the frame to change?
I'd like to have two frames with no space between them. Here's my test case:
<html>
<frameset framespacing="0" rows="50%, 50%">
<frame frameborder="0" src="red.html" scrolling="no" noresize="1" />
<frame frameborder="0" src="red.html" />
</frameset>
</html>
red.html is just:
<html><body bgcolor="red"></body></html>
When I render this, however, I get a white line between the two frames. How do I make it go away?
You need to specify the FrameBorder property in the Frameset tag.
So, your main page will look like this:
<html>
<frameset framespacing="0" rows="50%, 50%" frameborder="0">
<frame frameborder="0" src="red.html" scrolling="no" noresize="1" />
<frame frameborder="0" src="red.html" />
</frameset>
</html>
This will solve your problem.
<html>
<frameset framespacing="0" rows="50%, 50%" framespacing="0" frameborder=no>
<frame frameborder="0" src="red.html" scrolling="no" noresize="1" />
<frame frameborder="0" src="red.html" />
</frameset>
</html>
frameborder=no is very important.
It is always preferred to use css styles instead of frameborder attribute.
<frameset cols="50%,50%">
<frame src="frame_1.htm" style="border:none">
<frame src="frame_2.htm">
</frameset>
Better to use iframe and divs where ever possible.
Further frameset is not supported in HTML5.
Add border=0 to your frameset tag.
Here is an example of working code that I have used in the past that has no white line.
<frameset rows="10%,*" noresize framespacing=0 frameborder=no border=0 >
<frameset cols="140,*" noresize framespacing=0 frameborder=no border=0 >
<frame name="globe" scrolling="no" src="./GIF/globe.jpg" marginwidth="0 marginheight="0">
<frame name="logo" src="logo.htm" scrolling="no" >
</frameset>
<frameset cols="160,*" noresize framespacing=0 frameborder=no border=0 >
<frame name="userselections" src="userselections.php" scrolling="auto">
<frame name="results" src="nothing.htm" scrolling="auto">
</frameset>
<noframes>
<body>
<p>This page uses frames, but your browser doesn't support them.</p>
</body>
</noframes>
</frameset>