title: fluid layout - preserve layout
body: <p>I recently created a website: www.hauswoods.com</p>
  
  <p>The site looks fine on a standard screen but on a  mobile device it's terrible. I attempted to adjust the site to be fluid by changing widths to % but then the layout screws up.</p>
  
  <p>If anyone is kind enough to take a look at the site on both a mobile device and standard screen it's clear I have two distinct problems I'm trying to solve:</p>
  
  <p>1) the navigation - what must I do to maintain navigation as on the mobile it appears twice as high and width does not adjust to fit the screen.</p>
  
  <p>2) the content of the html doc is a holder div with two elements: a paragraph and image elements floated to the right. On the mobile there appears to be no padding or margin and it's like the edges are cut - basically the layout really is messed up on a mobile and I don't know where to start.</p>