21/09/2012 Comments Off
Time to take charge of your layouts and position your elements with more control – onto the CSS float property. By using the float property on an element within your page – you will be able to position another next to it with ease. Floats are one of the most used and popular techniques for creating a variety of different layouts and are a very important positioning method to learn and understand.
Floats can be a little difficult to implement at times – and they are certainly not without their problems. So don’t be surprised if you run into some trouble when trying to achieve your layout plans. But with practice and reading lots of references and articles discussing different approaches and uses – you’ll soon get your head around it all :)
Remember to always plan and carefully consider how to mark up your content. Keep in mind the effect a floated element will have on the height of its parent element and its following content.
- Visual Formatting Model - W3C
- Containing Floats – Eric Meyer
- Float tutorial – Russ Weakly, MaxDesign
Comments are closed.