title: Dynamic CSS layout help
body: <p>I am trying to make a single CSS layout which should be very elastic. By that I mean I have a 3 column layout with header and footer all in a container and centered. I chose to make it in a container because I wanted to make it suitable for graphics. Therefore the container allows me to change the resolution very quickly. </p>
  
  <p>In the container, I made a 3 column layout using float, becouse I want that effect when you decrease resolution, or browser window, where the center and right div reorder to the left side. This way the page would be very elastic and browser, resolution, and even mobile device friendly.</p>
  
  <p>I made what I believed was the perfect layout, but there is one major problem I don´t know how to solve.</p>
  
  <p>So I have a left column (menu) floated left with width set (for future css buttons to have the same size). Then I have the main content div, floated also left, with max-width set to make the browser to float it next to the menu. Without width set it gets floated under the menu div. And finally I have the right column div also with width set and floated to left. When I have enough text in the content div, this layout is perfect.</p>
  
  <p>But when the text is not wide enough the content div gets smaller, and basically ruins the layout becouse everything shifts to the left and leaves lots of space to the container's right side.</p>
  
  <p>I was hoping maybe there is some trick to make it wider without needing to set it to fixed width because then it loses the elastic effect because as soon as browser reaches the content div a horizontal scrollbar appears and I don't want this to happen so soon.</p>
  
  <p>I tried set it to percentage width but that looks strange.</p>
  
  <p>My layout is hosted <a href="http://lide.uhk.cz/joudavi1" rel="nofollow">here, on my school webserver</a>, and it's a slightly older version with right div floated right, but otherwise it as I described.</p>
  
  <p>Please, if there is some css way, tell me. Thanks.</p>