I know this is something really simple, but I have been out of the game for a while...
I have a small offline html page for the kids to use, currently using 3 x frames (topFrame,leftFrame,mainFrame), pretty standard stuff..(It's just html pages of all the cheats for all the games they've got!!)

Now I've reworked it using CSS DIVs, called the same names, but my leftFrame was previously populated with a number of SELCT/OPTION dropdown boxes which when changed would repopulate the mainFrame using the JavaScript parent.mainFrame.location.href= my data page code..but I can't figure out how to reference the new DIV 'frame'...

I know it's something simple but I just can't think! :mad:

Nobody have any ideas?

your basic css layout:
...
<div id="container">
<div id="leftBar" style="float:left">
...your left content...
</div>
<div id="mainBar">
..your main content...
</div>
<div id="footer" style="clear:both; text-align:center;">
..your footer...
</div>
</div>

how to call mainBar div:
Basically you can't do it with Css div, you have to reload the page and put the content in your mainBar.
exception:
if you put a textbox in mainBar div, you can load text into it without reloading the page, but you still can't load the page.