Documentation for a historical release of Infusion: 1.3
Please view the Infusion Documentation site for the latest documentation.
If you're looking for Fluid Project coordination, design, communication, etc, try the Fluid Project Wiki.
CSS Shortcomings, Gotchas and Noted Bugs Reference
In Firefox 2 and Firefox 3 will display the two smallest FSS font sizes, the same size. In order to see the intended result you must disable the minimum font size.
Download the the Web Developer Firefox add-on and in the "Disable" menu, check "Disable Minimum Font Size"
CSS Animation and CSS Generated Content
Webkit supports both CSS Animation and CSS generated content, but there is a logged bug for lack of animation support on css generated content.
Danger! CSS Hacks, workarounds, and other prickly fruit
Problem: trying to create a 2-or-more column layout with 1px wide borders that separate each column. All the borders must run the full height of the tallest column, giving the illusion all the columns are the same height.*
Roadblocks: IE6 and IE7. When using a border on the fl-col helper, Firefox, Safari and Opera all understand to allow the borders to overlap perfectly. The taller column's border extends the short ones, completing the illusion. However, IE6 suffers from the 3px error and IE7 doesn't allow the overlap- it puts the borders side-by-side.
Solution: while this isn't ideal, a solution was reached using small vertically repeating background images instead of actual border lines. The background images were placed on the column's parent container, and that container used fl-fix to it always encapsulated the height of the floating columns properly. The images were lined up to approximately where the columns split.
Note: The CSS3 column module, if/when its implemented, should greatly alleviate laying out proper columns
Problem: Safari doesnt allow large font sizes in their button form controls.