title: Fluid resizable image with infinite horizontal scroll (REV. 2)
body: <p>I have coded a site with a simple horizontal "nowrap" css with img floated side by side. I have also hide the scrollbar away. <strong>The side scroll can be done by normal vertical mousewheel scrolling (see my project url</strong></p>
  
  <p>Because the images is all in big resolution of 1400x850px, i wanted to create a site that that will scale the images according to the browser size. Currently all the images are in max-width:100%, my aim is to scale them below that percentage when the browser is smaller.</p>
  
  <p>I tried using max-width:100% with both width and height in auto. It not working.</p>
  
  <p>I try using jquery fluid images script, they are not working as well due to "nowrap"</p>
  
  <p>Below are the main code i am using:</p>
  
  <pre><code>#content {
  width:5600px;
  overflow-x: auto;
  white-space: nowrap;
  max-width: 100%;
  height: auto;
  width: auto\9; /* ie8 */
  }
  
  #portfolio img {
  float:left;
  display:inline;
  max-width: 100%;
  height: auto;
  width: auto\9; /* ie8 */
  }
  </code></pre>
  
  <p>This is the link of my project: <a href="http://credencepartners.com/demo02/" rel="nofollow">http://credencepartners.com/demo02/</a></p>
  
  <p>This is the result i trying to produce (for example please see the comments): <a href="http://credencepartners.com/demo02/interface/scene01.jpg" rel="nofollow">http://credencepartners.com/demo02/interface/scene01.jpg</a></p>
  
  <p>Do i need to implement javascript on this or CSS is possible for this scenario?</p>
  
  <hr>
  
  <p><strong>UPDATES / 10th Aug 2012</strong></p>
  
  <p>Thanks to Corey for the heads up, i have updated my demo02 link. The problem now is just adding the texts below the images. I tried using a div class to combine the text and images together, the result causes the images to be be non-fluid again. Now i need help making a fluid and re-sizable div tag. </p>
  
  <hr>
  
  <p><strong>GOALS</strong></p>
  
  <p>Knowing that building a typical horizontal side scrolling website is quite straight forward. The main problem i have is only the fluid resizable images at the top. I am pretty new that fluid/responsive layout and hope the gurus here can enlighten me :)</p>