Floats and an Alternative to "Clear blocks"

I still see some some sites when doing new sites being developed using a "Clear Block." It's slightly irksome as there is a better way. It takes less markup in the actual documents to do it. The basic problem that both solve is basically this: You've got content floated, and want to make certain that a certain other part comes out below out. Think of a set of columns, followed by a footer. It might look like this:


Div columns and 100% width

If you happen to be asked to make some columns that share the entire width of the given area, the solution seems fairly simple. All you have to do is make a containing div, and the required number of floating divs inside it. At that point you can style the containing div for backgrounds, or maybe force the columns all to the same size. Great solution, expect for "less than one problem."

Here's a couple fairly standard column layouts:


Floated content and table width:100%

Floating content can be troublesome some things just don't obey the float like they "should". For instance, if you have a table set to width:100%, you'd imagine it shouldn't be forced below a right floated block, the same happens other with other sometimes elements as well. Here's an example in case my writing doesn't inspire the right visual:


World Of Warcraft Armory 3d Embeding

Update: wowarmory.com died, and has been replaced with: http://blizzard.github.com/api-wow-docs/

The new armory api allows you to easily access details of a player, but it's more on you what to do with it. The documentation itself is still slightly lacking, but the api seems strong.

To start, consider the following to get you tinkering:



Subscribe to Fragmented Thought RSS