title: Elements moving around when a window is resized?
body: <p>I know this question has been asked to death, but I honestly can't seem to solve this problem, whenever I resize my browser window, the images on the screen seem to want to move around, I'd rather they stay in one place and not be sliding into each other, when the window is resized, the images should remain in place and should be found by using a horizontal scroll bar at the bottom of the page.</p>
  
  <p>HTML
      
  </p>
  
  <pre><code>&lt;head&gt;
      &lt;title&gt;CSGO Clash - Home&lt;/title&gt;
      &lt;link rel="stylesheet" type="text/css" href="StyleSheet.css"/&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;a href="index.html"&gt;&lt;img class="logo" align="left" src="CSGO%20Clash.png" alt="CSGO Clash" style="width:300;height:150;"&gt;&lt;/a&gt;
  &lt;a href= "https://steamcommunity.com/openid/loginopenid.mode=checkid_setup&amp;openid.ns=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0&amp;openid.ns.sreg=http%3A%2F%2Fopenid.net%2Fextensions%2Fsreg%2F1.1&amp;openid.sreg.optional=nickname%2Cemail%2Cfullname%2Cdob%2Cgender%2Cpostcode%2Ccountry%2Clanguage%2Ctimezone&amp;openid.ns.ax=http%3A%2F%2Fopenid.net%2Fsrv%2Fax%2F1.0&amp;openid.ax.mode=fetch_request&amp;openid.ax.type.fullname=http%3A%2F%2Faxschema.org%2FnamePerson&amp;openid.ax.type.firstname=http%3A%2F%2Faxschema.org%2FnamePerson%2Ffirst&amp;openid.ax.type.lastname=http%3A%2F%2Faxschema.org%2FnamePerson%2Flast&amp;openid.ax.type.email=http%3A%2F%2Faxschema.org%2Fcontact%2Femail&amp;openid.ax.required=fullname%2Cfirstname%2Clastname%2Cemail&amp;openid.identity=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select&amp;openid.claimed_id=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select&amp;openid.return_to=http%3A%2F%2Fcsgorumble.com%2Fauth%2Fsteam%2Freturn&amp;openid.realm=http%3A%2F%2Fcsgoclash.com%2F" &gt;
  &lt;img class="ssi" align="right" alt="Steam LogIn" src="SteamSignIn.png" style="width:256;height:112;"&gt;&lt;/a&gt;
  
  
  
  &lt;div class="tablediv"&gt; 
  &lt;table class="table"&gt;
     &lt;TABLE background="background.png" align="center" width=1210 height=473&gt;
     &lt;TD width=302.5px id="space"&gt;Current Pot&lt;/TD&gt;
     &lt;TD width=302.5px id="space"&gt;Participants&lt;/TD&gt;
     &lt;TD width=302.5px id="space"&gt;Items&lt;/TD&gt;
     &lt;TD width=302.5px id="space"&gt;Chat&lt;/TD&gt;
  
  
   &lt;/table&gt;
  &lt;/div&gt;
  
  &lt;/body&gt;
  </code></pre>
  
  <p>    </p>
  
  <p>CSS</p>
  
  <pre><code>body{
  background-color:38445A;}
  
  .logo{
  position: absolute;
  top: 30;
  left:30;}
  
  .ssi{
  position: fixed;
  top: 30;
  right: 30;}
  
  .tablediv{
  position: absolute;
  top: 200;
  width: 90%;
  margin: 5%;}
  
  .table{
  text-align:center; 
  margin-left:auto; 
  margin-right:auto; 
  width:1210;}
  </code></pre>