Margins often behave in frustrating ways when combined with floated elements. Here’s a quick solution to one such problem.
How to style a right-aligned menu, the easy way.
Layout names considered confusing
Terms such as ‘liquid’ and ‘fluid’ may be common amongst web designers, but they’re needlessly confusing for learners.
Recent changes to the fma homepage have, hopefully, created a ‘best of all worlds’ layout.
A ‘liquid layout’ adjusts to the size of the browser, ensuring content widths are flexible, and at the mercy of the user.
Sometimes, clearing isn’t as obvious as you might think.
Tables and the margin collapse
Further confusion surrounding margins and their collapsing behaviour.
Margins around floated elements
More quirky float behaviour
A basic technique for swapping two columns in a layout.
In which we discuss four ways that elements can be floated: simple, margin under float, opposing, and same side.