sylyie / flurid

A cross-browser, fluid width CSS grid framework that doesn't hide pixels in margins!

Flurid – The Fluid CSS Grid Framework

<div class="flurid">
  <div class="row">
    <div class="column width_1/2">
      <p>Left column, 50% width</p>
    </div>
    <div class="column width_1/2 last">
      <p>Right column, 50% width</p>
    </div>
  </div>
</div>

Flurid is a cross-browser fluid width grid system optimized for flexibility (fluidity) and one of the only fluid width grid systems to work in Internet Explorer versions 5.0 and newer¹ without hiding pixels in margins. Like any grid system, the basic purpose is to break the page into a series of rows and columns, giving the designer an easy, rational way to organize and present content to the user.

¹ See known bugs and caveats

Resources

• Learn more about Flurid by reading the wiki
• Check out some usage examples.
• Find out about the known bugs and caveats
• Questions? Problems? Submit an issue

License

Flurid is dual licensed under the MIT and GPL licenses.