This documentation is currently being moved to our new documentation site.
Please view or edit the documentation there, instead.
If you're looking for Fluid Project coordination, design, communication, etc, try the Fluid Project Wiki.
FSS Columns - Mixed-width columns, right sidebar
NOTE: FSS is deprecated as of 1.5
NOTE: FSS is deprecated as of 1.5
FSS Documentation
Still need help?
Join the infusion-users mailing list and ask your questions there,
or hang out in our IRC Channel.
Mixed-width columns, right sidebar
NOTE: The background colours on this page have been added to help the reader recognize the different regions of the demo. They are not provided by the FSS.
The mark-up and classes used to produce this layout:
<div class="fl-container-flex80 fl-centered fl-fix">
<div class="fl-fix">
<h3>Mixed-width columns, one sidebar</h3>
<p>One fixed-width column, forced to right; one flexible-width column.</p>
</div>
<div class="fl-col-mixed-200">
<div class="fl-col-fixed fl-force-right">This is the first column, forced left.<br/>
Aliquam erat volutpat. Aliquam consequat, quam at varius tincidunt, nunc augue
blandit sem, ac aliquam libero eros ac eros. Proin sed nibh lacus.</div>
<div class="fl-col-flex-left">This is the second column, a flexible one.<br/>
Aenean urna erat, accumsan vel porttitor vitae, blandit a magna. Phasellus
nec nisl eget purus laoreet fermentum. Mauris accumsan congue lectus a fringilla.</div>
</div>
<!-- fl-push forces the element onto a line of its own, and not next to floating things before it -->
<div class="fl-push">Footer</div>
</div>