title: How to dynamically resize webpage layout according to window size?
body: <p>I am relatively new to web development, I am wondering if anyones knows off hand a simple solution to making the page I have under development dynamically resize to the window size without distorting the layout. I would also like to try to have the page centered as well, the problem is I tried centering it but as I resized the window the elements on the page moved out of place. Any help is appreciated. </p>
  
  <p>I went ahead and put the code up onto a server so it can easily be viewed I did this mainly for testing. The project is voluntary and will eventually be used as  part of a language education tool. I am just trying to get the layout so that it will resize dynamically without distorting the layout.</p>
  
  <p>With the current setup I have to manually zoom out if the screen resolution is low to get the layout to fit properly within the screen.</p>
  
  <p>I am currently using absolute positioning in CSS to position the page elements relative to the background image, they need to be positioned properly to fit into the background pattern.</p>
  
  <p>The page can be viewed at <a href="http://www.kapacitive.com/Main_Page_Template.html" rel="nofollow">http://www.kapacitive.com/Main_Page_Template.html</a> will have to view the page source to view the code.</p>
  
  <p>Once again any help is appreciated and please if you do not have something helpful to say please just don't even respond. Thanks.</p>