When the resolution is lower then the sum of the 4 collumns width, the 4th collumn comes down, then the 3rd and so on..
But they appear on the bottom of the last element of the first line. Is there a way to make it appear on the bottom of the first element? And how to can I put them bellow the biggest height collumn?
http://jsfiddle.net/u5XY8/
When the resolution is lower then the sum of the 4 collumns width, the 4th collumn comes down, then the 3rd and so on.. But they appear on the bottom of the last element of the first line. Is there a way to make it appear on the bottom of the first element? And how to can I put them bellow the biggest height collumn?
Like this? http://jsfiddle.net/u5XY8/1/
Yes.
Don't use floats: http://jsfiddle.net/Paulie_D/f2GNt/
[DAMN: BEATEN TO IT!]
Not that I can think of without a lot of JS manipulation.
BTW
Below & Column :)
Thank you Chris, that worked just fine. I still can't get the difference between display: inline-block and float: left..
And thank you for the corrections Paulie_D. My english really needs some training.
http://joshnh.com/2012/02/07/why-you-should-use-inline-block-when-positioning-elements/
Here is a great article by @jamy_za on inline-block.
http://css-plus.com/2013/01/inline-block-the-complete-story/