title: html div not allowed to go off page
body: <p>First off, let me give you a little background. I am creating a responsive page using % for positioning my divs. It allows the user to drag and drop items wherever they please. The issue arises when the user places the object to near the edge of the page. When you resize the browser the images start to go off the page and get cut off.</p>
  
  <pre><code>    #div1 
      {
      overflow: hidden; 
      right: &lt;?php variable&gt;;
      bottom: &lt;?php variable&gt;;
      }
  
      #div2 
      {
      overflow: hidden; 
      left: &lt;?php variable&gt;;
      top: &lt;?php variable&gt;;
      }
  </code></pre>
  
  <p>What I would like to try and do is allow the percentage's to control the placement up until the edge of the page. Then I would like to hardcode the variables to something like 10px so it never goes of the page.</p>
  
  <p>I thought of doing this in javascript(if statement('s)), but thought maybe there was a simpler way(css properties). Any help or suggestions would be greatly appreciated.</p>
  
  <p>Thanks,</p>
  
  <p>Rob</p>