title: How do I stop a div taking up space?
body: <p>I am doing stuff with ajax progress bars and stuff...</p>
  
  <p>Basically I have a hidden div that says "Loading" in it, and beneath it I have a visible div with my content in.</p>
  
  <p>When it is loading, it fades the content div out, makes the hidden div visible, and moves it via javascript/relative positioning to be in the middle of the content.</p>
  
  <p>It looks quite badass but unfortunately when the div is made visible, even though its relatively positioned, it takes up a line so my content moves down.</p>
  
  <p>Do you know how I can stop it from taking up space when it is made visible?</p>
  
  <p>Edit: Someone removed the tag it seems</p>
  
  <p>The loading div starts off display none, so it takes up no space, and then when it is made visible, it starts taking up space, even though it is positioned relatively.</p>
  
  <p>I could use visible and non-visible, but then it would force my content window down all of the time.</p>
  
  <p>It looks like absolute positioning is the way to go.</p>
  
  <p>What I want to do is combine absolute and relative positioning. I am trying to get the absolute coordinates of the content div and setting its location that way, but without success yet.</p>
  
  <p>Edit: I just re-read your answer and you have done exactly that. Thank you!</p>