Blog: Dynamics

Ionic – CSS multi column framework

Introducing Ionic, a CSS framework put together to specifically handle layouts with more than 2 columns in CSS. The framework, originally written by Jason under the name ‘fluid1′, has been used on our client’s website, IEMA.net, since 2005. The aim of the project was to make it accessible to all the common browsers, whilst keeping the HTML markup as semantic as possible. Currently the script only supports a maximum of 3 columns, but there is no reason why the algorithm

Clearing floats

To anyone out there reading up on clearing, this is the best method: http://www.positioniseverything.net/easyclearing.html It’s totally cross-browser compatible, doesn’t leave any messy markup and leaves the code fully accessible. It does however have 1 flaw… Scroll down to the part about the IE/Mac problem and you’ll see the fix involves adding a display: inline-block to the container block, which is then re-instated to a display: block in the IE stylesheet. The problem is that inline-block also affects all the other