Jump to content

Locking "frameset" and enabling partial scrolling


Recommended Posts

I've been playing around with some web "programming" languages and put up a framework for a learning website. Problem is that I cannot seem to lock the framework, while enable scrolling in the frames of my choise. I don't use the old broken html frameset though :-) What I want is to lock the banner, and the rest of the "frameset" while enabling scrolling in the menu and the main sections while only scrolling in its own frame (scrollin in the menu for itself and scrolling in the mainframe for itself)...

Thanks for paying me some attention!!

Some of the code (only the part I think is neccesary):

From the index file

<div id="page">
<div id="banner">
<h1>Welcome</h1>
</div>
<table id="inner">
<tr>
<td id="menu">
<?php include("Menu.php"); ?>
</td>
<td>
<div id="main">
<?php include("Mainframe.php"); ?>

From the style.css file (perhaps it's not needed):


#page {
/*margin: 0 auto;*/
margin-top: 0px;
margin-left: 0px;
width: 100%;
height: 100%;
position: relative;
z-index: 3;
}

#banner {
text-align: center;
border: 1px transparent;
padding: 40px;
margin-top: 0;
margin-bottom: 0;
}

#menu {
width: 120px;
padding: 10px;
}

#main {
overflow: auto;
height: 600px;
padding: 10px;
}

#inner {
width: 100%;
border: 1px transparent;
margin-top: 2px;
}

Edit: Used spoiler tags instead of codeboxes. Sorry

Edited by Nerevar
Link to comment
Share on other sites

  • 2 months later...

I've been playing around with some web "programming" languages and put up a framework for a learning website. Problem is that I cannot seem to lock the framework, while enable scrolling in the frames of my choise. I don't use the old broken html frameset though :-) What I want is to lock the banner, and the rest of the "frameset" while enabling scrolling in the menu and the main sections while only scrolling in its own frame (scrollin in the menu for itself and scrolling in the mainframe for itself)...

Thanks for paying me some attention!!

Some of the code (only the part I think is neccesary):

From the index file

<div id="page">
<div id="banner">
<h1>Welcome</h1>
</div>
<table id="inner">
<tr>
<td id="menu">
<?php include("Menu.php"); ?>
</td>
<td>
<div id="main">
<?php include("Mainframe.php"); ?>

From the style.css file (perhaps it's not needed):


#page {
/*margin: 0 auto;*/
margin-top: 0px;
margin-left: 0px;
width: 100%;
height: 100%;
position: relative;
z-index: 3;
}

#banner {
text-align: center;
border: 1px transparent;
padding: 40px;
margin-top: 0;
margin-bottom: 0;
}

#menu {
width: 120px;
padding: 10px;
}

#main {
overflow: auto;
height: 600px;
padding: 10px;
}

#inner {
width: 100%;
border: 1px transparent;
margin-top: 2px;
}

Edit: Used spoiler tags instead of codeboxes. Sorry

try with iframe

maybe this will help

<IFRAME style="WIDTH: 100px; HEIGHT: 100px" name=I1 
marginWidth=1 marginHeight=1 src="yourhtml.htm" frameBorder=0 width=545
scrolling=no height=365 bordercolor="0000FF">

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...