[Sam Granger]

One thing I see quite often see when viewing tableless site codes is bump into the well known <br class='clear' />.

Using a clear: both; however isn't always needed and adds an extra useless element to the dom. If you have a 2 column layout for instance contained by a div, you can use the following code to the container:

#container {
    width: 100%;
    overflow: hidden;
}

It might seem like a small tip but it sure does make your code cleaner!

[Randy]

Usefully tip but if you have something you want to overflow on purpose say a gradient behind a logo and you wanna align the logo better, it would cut if off if its in the same container so you would need to create multiple containers one just for the logo.

[Sam Granger]

Specify a width and you should be alright, again, maybe I'm thinking of a different layout than you. But again, it doesn't work well in all cases, where a clear:both works best. I just try and keep that to a minimum where possible

[Randy]

My design is something along the lines of this:



It cuts off the side of my logo I understand it doesn't work in all like you said just letting other people know a time when it does not work.