Now I never have understood floating in CSS and probably never will. Well, let me take that back. I think that I have the basics down, but past that I am pretty lost. So when it came to learning a little more about the layout and design aspects of the “float” code inside of my CSS files, I turned to The Autistic Cuckoo.

Here you’ll find a great tutorial and summary of what floating and floats in layouts are all about. This is one of the best guides on one single element of CSS that I have seen in some time now and deserves to be read through a time or two if your are a nitwit when it comes to coding a Web site layout (like me).

Here is only a small sample of the goodness you are in store for:

The first thing we need to remember is that a floating element is shifted either to the left or to the right. It is not possible to make an element float in the centre, something that often is frustrating for beginners. If you think about it awhile, it’s fairly clear why it is so. Why? To answer that we have to jump ahead of ourselves a bit and see what happens when we create a floating element in our document.

As you can see it only gets better from there. Now this might not be too captivating if you are already and expert at this stuff or if it is way over your head. It can never be too late to learn a new trick or two, and this is one of the best articles I have found on the topic.

[tags]css, layouts, float, elements, designs, code, Autistic Cuckoo[/tags]