Topic awaiting preservation: DIV Layers (Page 1 of 1)

I have a site that I am trying to create. I have the site looking the way I want it to look except for the following things.

1. All the content on the site is provided by a <DIV> layer. I want to be able to have the user click a button and the new topic be loaded into the <DIV> layer. I don't want to create a page for each topic on the site. I just want to be able to dynamically replace the content.

2. I have some <DIV> with images in them. I would like to learn how to dynamically move the <DIV> across the site.

3. Last thing, I am using style sheets to position all of the <DIV> tags. I have one <DIV> that I want to position on the right edge of the browser. The problem I believe is if the user screen size isn't as large as mine the <DIV> will be positioned off the screen. Using style sheets and Javascript how do I position this <DIV> the same distance from the right edge of the browser regardless as to the screen size (640X480, 1024X768, etc.).

If someone could point me to a tuturial or other resource I would appreciate it.

http://hotwired.lycos.com/webmonkey/authoring/dynamic_html/tutorials/tutorial1.html

I believe chapter 3 is what you're looking for, although the whole tutorial has alot of info.

The layout you described seems to be similar to http://glish.com

For 1, you'd probably use innerHTML to dynamically change the contents of the div. Check http://www.w3tutorials.com for info on innerHTML.

2 would require using Javascript. Once again, check w3tutorials.

3 requires a combination of Javascript and CSS; you have to find the user's resolution, and that can only be done through Javascript. Build in a failsafe in case the user has JS turned off.

"No one's going to give you a map; you've got to walk your own path." - Hot Ice Hilda, Outlaw Star.