I have created a web page with 2 framesets:
<frameset id='frameset1' cols="30%,70%">
<frameset id='frameset2' rows="15%,85%" frameborder="0" border="0">
<frame id="headerframe" name="frame3" src="source1" scrolling="no">
<frame id="contentsframe" name="frame1" src="source2">
</frameset>
<frame name="maincontent" src="source3">
</frameset>
I'm trying to make it so that the user can't resize the frames in frameset2 vertically, but can still resize horizontally. Is there a way of doing this in ie8? I have tried using the CSS resize property but I can't get it to work in this browser.
Thanks
Add this to the files source1 and source2:
<style type="text/css">
body {
overflow-x:hidden;
}
</style>
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!
I have 3 html pages displaying in a main single html page.
I am using frameset to display all 3 pages into main page. top page contains a table placed under div (id=frame1). I want to set the height of table equal to the height of the top frame (ResultDetails.html).
<!DOCTYPE html>
<html>
<frameset frameborder="1" rows="70%, *">
<frame src="ProjectInfo/ResultDetails.html" name="Content"/>
<html>
<frameset frameborder="1" cols="50%, *">
<frame src="ProjectInfo/ProjectDetails.html" />
<frame src="ProjectInfo/VariableDetails.html" name="Content"/>
</frameset>
</frameset>
</html>
For div i am using following css.
#frame1{float:left;width:70%;height:400px;overflow:auto;}
The height of the frame may vary for different screen resolutions. How can I fix this.
<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?