CSS Tip
Well, this is basic css, but I’ll throw it up here for those of you that don’t know or have forgotten (I managed to forget the other day). If you have an element with ‘float: left’ or ‘float: right’ inside a div, the div will not be tall enough to hold the floated element. Look:
I am crazy floating text. Watch out for me because I am so crazy. I will kill any and all layouts near me. Hear me roar!
I am the cool words to the right.
I am broken! I should be below the text that is to my left.
As you can see, the code above is definitely broken. To fix this problem, we need only insert a <br style="clear:both;" /> at the bottom of the div. Look now:
I am crazy floating text. Watch out for me because I am so crazy. I will kill any and all layouts near me. Hear me roar!
I am the cool words to the right.
I am fixed! The crazy floating text plagues me no more.
