hey ^_^ i really hope you guys can help me. Ill try to explain as clear as possible.

Ok, so what I did was; I took a free web template, and tried to adjust it to the website i've been requested to make.

What you see below is this window:
[IMG]http://img526.imageshack.us/img526/66/26082399fa3.jpg[/IMG]

Basically, I placed the whole text inside this code, but I realise it'd be better if I'd make it a page the scrollwindow call to.

So, what I'm trying to do is:
Make a link from the left linklist open a new page to the right scrollwindow without refreshing the whole page (this has to do with background music which will applied later on.)

[IMG]http://img526.imageshack.us/img526/4527/43191640fl1.jpg[/IMG]

I know it's pretty annoying with the whole page, but uhm, I really hope you can help me ^_^;;

Here's where the site in construction is placed:
css style sheet
html page
images

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">


<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

	<title>Magical Awakenings :~Merry Meet~</title>
	<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
	
</head>

<body>
  <div id="wrapper">
    
    <div id="header">
      <div id="logo" style="position: absolute; left: 312px; top: 42px">
        <img src="images/title.jpg">
      </div>
     
      <div id="nav" style="position: absolute; left: 285px; top: 237px; height: 10px">
        <ul>
          <li><font face="Monotype Corsiva" size="2"><a href="http://www.freewebsitetemplates.com/">MEN</a> | 
			</font> </li>
          <li><font face="Monotype Corsiva" size="2"><a href="http://www.freewebsitetemplates.com/">WOMEN</a> | 
			</font> </li>
          <li><font face="Monotype Corsiva" size="2"><a href="http://www.freewebsitetemplates.com/">GIRLS</a> | 
			</font> </li>
          <li><font face="Monotype Corsiva" size="2"><a href="http://www.freewebsitetemplates.com/">BOYS</a> | 
			</font> </li>
          <li><font face="Monotype Corsiva" size="2"><a href="http://www.freewebsitetemplates.com/">ACCESSORIES</a> | 
			</font> </li>
          <li><font face="Monotype Corsiva" size="2"><a href="http://www.freewebsitetemplates.com/">CONTACT US</a></font></li>
        </ul>
      </div>
      
    </div>
    <div id="body">
      <div id="categories">
        <h2>Categories</h2>
        <ul>
          <li><a href="http://www.freewebsitetemplates.com/">Formal Dresses</a></li>
          <li><a href="http://www.freewebsitetemplates.com/">Party Dresses</a></li>
          <li><a href="http://www.freewebsitetemplates.com/">Summer Special</a></li>
          <li><a href="http://www.freewebsitetemplates.com/">Cocktail Dresses</a></li>
          <li><a href="http://www.freewebsitetemplates.com/">Formal Ware</a></li>
          <li><a href="http://www.freewebsitetemplates.com/">Winter Special</a></li>
          <li><a href="http://www.freewebsitetemplates.com/">Regular Ware</a></li>
          <li><a href="http://www.freewebsitetemplates.com/">Night Dress</a></li>
          <li><a href="http://www.freewebsitetemplates.com/">Sports Dress</a></li>
          <li><a href="http://www.freewebsitetemplates.com/">Wedding Dress</a></li>
          <li><a href="http://www.freewebsitetemplates.com/">Jeans</a></li>
        </ul>
      </div>
      <div id="seasonal">
        <div class="inner">
       			<div style="overflow:auto; height:350px; width:450px;">
          <div class="fw-container">
			<div class="fw-with-mini fw-content">
				<table cellSpacing="0" cellPadding="0" width="90%" border="0" id="table1">
					<thead>
						<tr>
							<td onmouseover="this.style.backgroundColor='#EFEFEF';" onmouseout="this.style.backgroundColor='';" align="left">
							<table id="table2" cellSpacing="0" cellPadding="0" width="90%" border="0">
								<tr>
									<td>
									<div class="fw-paragraph">
										<h2>UNDER CONSTRUCTION 
										</h2>
										<div class="fw-text">
											
											<p>
											<img style="WIDTH: 92px; HEIGHT: 70px" height="32" src="../../images.freewebs.com/Images/Smilies/Round/biggrin.gif" width="74"><font size="5">WELCOME 
											TO MAGICALAWKENINGS<img height="67" src="../../images.freewebs.com/Images/Smilies/Round/biggrin.gif" width="85"></font></p>
											<p><font size="5">
											<img height="50" src="../../images.freewebs.com/Images/Smilies/Round/exclamation.gif" width="52">&nbsp;<font color="red">There 
											are alot of change's going on with 
											this site..and there all good</font><img height="44" src="../../images.freewebs.com/Images/Smilies/Round/exclamation.gif" width="50">&nbsp;</font></p>
											<p><font size="5">
											<img height="39" src="../../images.freewebs.com/Images/Smilies/Round/huh.gif" width="52">&nbsp;<font color="red">Please 
											excuse the mess</font><img height="43" src="../../images.freewebs.com/Images/Smilies/Round/huh.gif" width="47">..
											<font color="red">we are adding and 
											changing things and moving things 
											around.</font> So if you are looking 
											for something and you cant seem to 
											find it no worries its still here 
											its just been moved around abit. No 
											we arn't removing any thing from&nbsp;the 
											site..&nbsp;well.,&nbsp;at least we dont think 
											so..<img height="42" src="../../images.freewebs.com/Images/Smilies/Round/unsure.gif" width="62">&nbsp;Dont 
											worry the changes wont be that bad 
											we will still be the same old site 
											but better<img height="45" src="../../images.freewebs.com/Images/Smilies/Round/cool.gif" width="54">.</font></p>
											<p><font size="5">
											<img height="59" src="../../images.freewebs.com/Images/Smilies/Round/exclamation.gif" width="56"><font color="red">BUT 
											LOOK AT&nbsp; THE <font size="6">NEWS 
											THINGS THAT ARE COMING!</font></font></font></p>
											<p><font size="5">We will have a
											<font color="red" size="6">BIGGER 
											variety </font>of all kinds of
											<font color="black">wiccan 
											information</font>, more&nbsp;tarot 
											information. &nbsp;<font color="red"><font size="6">MORE</font>
											</font>spells, oils,&nbsp;herbs mix's/ 
											powder&nbsp;and a <font color="red">
											NEW&nbsp;RECIPE&nbsp;LIST,<font color="black">and 
											a</font> BIGGER BETTER
											<font color="black">suggested 
											reading list, a&nbsp;</font>NEW 
											SUGGEST&nbsp;WEB LIST/LINKS </font>
											<font color="black">to other wiccan 
											web site that we&nbsp;have found 
											helpfull.&nbsp;<font color="red">AND NOW 
											WE&nbsp;ARE GOING TO ADD OUR OWN 
											PERSONAL&nbsp;EMAIL ADRESS </font>SO THAT 
											YOU CAN REACH US ANY TIME&nbsp;FOR ANY 
											WICCAN NEED. ALSO <font color="red">
											NEW</font> <font size="4">IF YOU 
											HAVE ANY QUESTIONS YOU CAN ASK THEM 
											AND <font color="red">WE WILL ANSWER 
											THEM </font>AND&nbsp; <font color="red">
											WE WILL POST IT ON THE QUESTION PAGE 
											UNLESS YOU SAY OTHER WISE</font>. 
											YOU CAN DO THAT <font color="red">2 
											WAYS YOU CAN EMAIL </font>US OR
											<font color="red">WRITE IT IN THE 
											QUESTION IN THE GUEST BOOK!!&nbsp; </font>
											</font></font></font></p>
											<p><font color="black" size="5">
											<img style="WIDTH: 54px; HEIGHT: 56px" height="41" src="../../images.freewebs.com/Images/Smilies/Round/biggrin.gif" width="110">&nbsp;&nbsp;<font color="red">LOOKIE!!! 
											LOOKIE!!!!</font><img style="WIDTH: 71px; HEIGHT: 55px" height="65" src="../../images.freewebs.com/Images/Smilies/Round/biggrin.gif" width="54">HURRAY!!! 
											YIPPIE!!</font></p>
											<p><font color="red" size="5">
											FINALY!!! NOW WE HAVE A FEW THINGS 
											TO SELL!!! <font color="#000000">But 
											it is only temporary because we want 
											to see how it goe's were going &quot;to 
											test the waters&quot; so speak. We would 
											like to sell home made candles, herb 
											mix's, oils,and magic kits.&nbsp;That are 
											home made and blessed by the wiccans 
											that are part of this&nbsp; web site 
											(raven, annatris, anjileak, willow) 
											and we will tell you who exactly 
											made it&nbsp;and blessed them and what 
											its for!! </font></font></p>
											<p><font color="red" size="5">
											<font color="#000000">Yes we know 
											that there are other wiccan ppl that 
											sell these things but one thing is 
											differnt with us <font color="red">
											we wont charge you an arm and a 
											leg!! </font>That reminds me 
											also&nbsp;another&nbsp;<font color="red">NEW 
											THING WE WANT TO DO..</font>&nbsp;if 
											there is something that you need and 
											dont see it on our site or there is 
											something that you need just email 
											us any time and tell us what you 
											need and will be glad to help you 
											example (herbs, oils, what ever) and 
											we will make it, bless it and send 
											it to you. </font><font color="red">
											NEW&nbsp;also go's with the spells if you 
											need a spell or oil or what ever and 
											we dont have it on the site email us 
											and we will be more than happy to 
											email the reipe or the spell or even 
											mail it to you if you wish 4 free<img src="../../images.freewebs.com/Images/Smilies/Round/exclamation.gif">.</font><font color="black">I 
											know we said the sale part was 
											temporary how ever the&nbsp;email is 
											going to be a permanent thing.NEW:
											</font>
											<font face="georgia" color="black">
											you can also email us any spells you 
											have that you would like to share 
											that goes for oils, herbs and what 
											not. And OF CORSE <font color="red">
											YOU WILL GET THE CREIDT ITS ONLY 
											RIGHT !!!&nbsp;And this also goe's for 
											any poems or what ever else you wish 
											to share</font></font></font></p>
											<p><font size="5">We are very 
											excited about all the new changes 
											and hope that you are to and that 
											you enjoy the site...</font></p>
											<p><font size="5">So dont let the 
											constuction ruin your visit please 
											feal free to look around and enjoy 
											your visit.</font></p>
											<p><font size="5">Sincerely....
											</font></p>
											<p>&nbsp;</p>
											<p>
											<img src="../../www.freewebs.com/magicalawakenings/wiccan%20hat.gif" border="0"><font face="georgia" size="5">Raven, 
											Annatris, Anjileak, Willow</font></p>
											<p>&nbsp;</p>
											<p>&nbsp;</p>
											<p>&nbsp;</p>
											</div>
									</div>
									</td>
								</tr>
							</table>
							</td>
						</tr>
					</thead>
				</table>

				<table cellSpacing="0" cellPadding="0" width="90%" border="0" id="table3">
					<thead>
						<tr>
							<td onmouseover="this.style.backgroundColor='#EFEFEF';" onmouseout="this.style.backgroundColor='';" align="left">
							<table style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid" cellSpacing="0" cellPadding="3" width="100%" id="table4">
								<tr align="middle" bgColor="#efefef">
									<td class="paraButton" onmouseover="this.style.backgroundColor='white';" title="Edit" onclick="editParagraph(96472411, 59963612);" onmouseout="this.style.backgroundColor='#EFEFEF';" width="51">
									<img height="14" alt="Edit" src="../../images.freewebs.com/Images/edit.gif" width="16" align="middle"> 
									Edit</td>
									<td class="paraButton" onmouseover="this.style.backgroundColor='white';" title="Delete" onclick="deleteParagraph(96472411, 59963612);" onmouseout="this.style.backgroundColor='#EFEFEF';" width="72">
									<img height="17" alt="Delete" src="../../images.freewebs.com/Images/delete.gif" width="16" align="middle"> 
									Delete</td>
									<td class="paraButton" onmouseover="this.style.backgroundColor='white';" title="Move Up" onclick="moveupParagraph(96472411, 59963612)" onmouseout="this.style.backgroundColor='#EFEFEF';" width="95">
									<img height="16" alt="Move Up" src="../../images.freewebs.com/Images/moveUp.gif" width="12" align="middle"> 
									Move Up</td>
									<td class="paraButton" onmouseover="this.style.backgroundColor='white';" title="Move Down" onclick="movedownParagraph(96472411, 59963612)" onmouseout="this.style.backgroundColor='#EFEFEF';" width="110">
									<img height="16" alt="Move Down" src="../../images.freewebs.com/Images/moveDown.gif" width="12" align="middle"> 
									Move Down</td>
									<td class="paraButton" onmouseover="this.style.backgroundColor='white';" title="Insert Paragraph" onclick="insertParagraph(96472411, 59963612,2, false);" onmouseout="this.style.backgroundColor='#EFEFEF';" width="140">
									<img height="16" alt="Insert Paragraph" src="../../images.freewebs.com/Images/insertParagraph.gif" width="16" align="middle"> 
									Insert Paragraph</td>
								</tr>
							</table>
							<table id="table5" cellSpacing="0" cellPadding="0" width="90%" border="0">
								<tr>
									<td>
									<div class="fw-paragraph">
										<h2>Welcome 
										... </h2>
										<div class="fw-text">

											<font face="georgia" color="aliceblue" size="4">
											<font face="georgia" size="4">
											<p>
											<font face="comic sans ms" color="blue">
											to the site....</font></p>
											<p>
											<font face="comic sans ms" color="blue">
											Merry meet to one and all. This site 
											is new and we hope the site is very 
											helpful to you. We have all kinds of 
											information on Wicca and other 
											things that have to do with it.. 
											Hopefully soon we will have great 
											things to sell, we have great hopes 
											for this site. So you should come 
											back every once in a while to see 
											what’s new because we are always 
											adding new things and information.
											</font></p>
											<p>
											<font face="comic sans ms" color="blue">
											We have information that we have 
											added from our own individual books 
											of shadows and questions we have 
											been asked. So in short this is a 
											book of shadows from several 
											Wicca’s/ witch’s</font></p>
											<p><font face="comic sans ms">
											<font color="black">
											<font color="blue">There are</font>
											<font color="deeppink"><em>**some**
											</em></font></font>
											<font color="blue">spells and 
											formulas that we each have made and 
											used many of times. . Soon we would 
											like to sell things like incense and 
											burners, and oils, and other Wiccan 
											needs,</font></font></p>
											<p>
											<font face="comic sans ms" color="blue">
											so stop by and have a look. Don’t be 
											shy!! Sign the guest book and tell 
											us what you think . And if you think 
											we have a spell you may need and its 
											not here drop us a email and we will 
											be happy to help. </font></p>
											<p>
											<font face="comic sans ms" color="blue">
											you can also email us any spells you 
											have that you would like to share 
											that goes for oils, herbs and what 
											not. And OF CORSE YOU WILL GET THE 
											CREIDT ITS ONLY RIGHT !!!</font></p>
											<p>
											<font face="comic sans ms" color="blue">
											Sadly we do not have the store 
											portion of the site up yet. But we 
											will…but if you live in the 
											Reno/sparks area you should go over 
											to shopper square and check out teas 
											and gifts across from Ben franklins 
											they have a lot of great stuff it’s 
											a good store and the owners are 
											really nice. </font></p>
											<p>
											<font face="comic sans ms" color="deeppink">
											<em>(**SOME **&nbsp; we place these 
											spells, formulas, herbs, oils&nbsp;here 
											for your use.&nbsp;The spells are free, 
											and we are more&nbsp;that happy to email 
											you what ever you need &nbsp;so please 
											dont steal theim because there is 
											no&nbsp;need to if they &nbsp;are free now is 
											there&nbsp;)</em></font></p>
											</font></font>
										</div>
									</div>
									</td>
								</tr>
							</table>
							</td>
						</tr>
					</thead>
				</table>

				<table cellSpacing="0" cellPadding="0" width="90%" border="0" id="table6">
					<thead>
						<tr>
							<td onmouseover="this.style.backgroundColor='#EFEFEF';" onmouseout="this.style.backgroundColor='';" align="left">
							<table style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid" cellSpacing="0" cellPadding="3" width="100%" id="table7">
								<tr align="middle" bgColor="#efefef">
									<td class="paraButton" onmouseover="this.style.backgroundColor='white';" title="Edit" onclick="editParagraph(97506389, 59963612);" onmouseout="this.style.backgroundColor='#EFEFEF';" width="51">
									<img height="14" alt="Edit" src="../../images.freewebs.com/Images/edit.gif" width="16" align="middle"> 
									Edit</td>
									<td class="paraButton" onmouseover="this.style.backgroundColor='white';" title="Delete" onclick="deleteParagraph(97506389, 59963612);" onmouseout="this.style.backgroundColor='#EFEFEF';" width="72">
									<img height="17" alt="Delete" src="../../images.freewebs.com/Images/delete.gif" width="16" align="middle"> 
									Delete</td>
									<td class="paraButton" onmouseover="this.style.backgroundColor='white';" title="Move Up" onclick="moveupParagraph(97506389, 59963612)" onmouseout="this.style.backgroundColor='#EFEFEF';" width="95">
									<img height="16" alt="Move Up" src="../../images.freewebs.com/Images/moveUp.gif" width="12" align="middle"> 
									Move Up</td>
									<td class="paraButton" onmouseover="this.style.backgroundColor='white';" title="Move Down" onclick="movedownParagraph(97506389, 59963612)" onmouseout="this.style.backgroundColor='#EFEFEF';" width="110">
									<img height="16" alt="Move Down" src="../../images.freewebs.com/Images/moveDown.gif" width="12" align="middle"> 
									Move Down</td>
									<td class="paraButton" onmouseover="this.style.backgroundColor='white';" title="Insert Paragraph" onclick="insertParagraph(97506389, 59963612,3, false);" onmouseout="this.style.backgroundColor='#EFEFEF';" width="140">
									<img height="16" alt="Insert Paragraph" src="../../images.freewebs.com/Images/insertParagraph.gif" width="16" align="middle"> 
									Insert Paragraph</td>
								</tr>
							</table>
							<table id="table8" cellSpacing="0" cellPadding="0" width="90%" border="0">
								<tr>
									<td>
									<div class="fw-paragraph">
										<h2>the 
										beginning
										</h2>
										<div class="fw-text">

											<p>&nbsp;</p>
											<font face="Tahoma" color="royalblue" size="4">
											<font face="Tahoma" size="4">
											<p>&nbsp;</p>
											</font><font face="Tahoma" size="4">
											<p><font face="comic sans ms">Is the 
											best place to start …..so lets go 
											there shall we.....</font></p>
											<p><font face="comic sans ms">This 
											is were we have great info on all 
											kinds of Wicca things for you to 
											know, learn and find out. We found 
											out some thing's we had </font></p>
											<p><font face="comic sans ms">for 
											gotten about over time, and even 
											learned some other things we did not 
											know about while getting all the 
											information that was needed for this 
											site along with what was in our<em>
											<font color="darkorchid">** b.o.s.’s**</font>
											</em></font></p>
											<p><font face="comic sans ms">So we 
											hope that You find what you need.</font></p>
											<p><font face="comic sans ms">Maybe 
											you will learn from what is on this 
											site or maybe you just needed a 
											little refreshing you memory, lol 
											Zeus knows that I did I needed a 
											little refresh and learn at the same 
											time in putting this together.</font></p>
											<p><font face="comic sans ms">There 
											is lots of information and more to 
											come. We say we a lot because Im not 
											alone in this path of making the 
											site</font></p>
											<p><font face="comic sans ms">page 
											or learning the craft. I and my 
											sister (annatris)and good friend 
											(willow) are still learning as much 
											as we can. </font></p>
											<p>
											<font face="comic sans ms" color="darkorchid">
											<em>**BOS** Book Of Shadows</em></font></p>
											</font></font>
										</div>
									</div>
									</td>
								</tr>
							</table>
							</td>
						</tr>
					</thead>
				</table>
			</div>
			</div>
          <h2>&nbsp;</h2>
				</div>
			
        </div>
      </div>
   
      <div class="clear"> </div>
      <div id="seas">
        <div id="seas-one">
          &nbsp;</div>
        <div id="seas-two">&nbsp;</div>
		<div id="seas-three">&nbsp;</div>
		<div class="clear"></div>
      </div>
    </div>
    <div id="copyright">
      <p>Copyright &copy; 2007. Magical Awakenings all rights reserved</p>
    </div>
  </div>
</body>

</html>

The simplest way is to have that content section an iframe then to load that you would set the link's target attribute to the id of the iframe ie.,

<a href="test.html" target="MyIFrame">Open this in the content</a>