Float multiple fixed-width / varible-height boxes into 2 columns
- by Jeremy H
I'll try to explain this as best I can. I have multiple divs that are fixed-width but variable height. I want to float these boxes into two columns inside a fixed-width container. What happens when a give them all a float: left value, I get something like this:
######### #########
# box 1 # # box 2 #
######### # ..... #
......... # ..... #
......... #########
######### #########
# box 3 # # box 4 #
# ..... # # ..... #
######### #########
######### #########
# box 5 # # box 6 #
# ..... # #########
# ..... #
#########
(The periods are white space)
What I really would really like is the top of box 3 to touch the bottom of box 1. Any easy way to acheive this?