Link to home
Start Free TrialLog in
Avatar of Greg Alexander
Greg AlexanderFlag for United States of America

asked on

Css dynamic layout from top to bottom with instead of left to right


Default float left behavior goes left to right
 User generated image

But here is what I want, again, there is a static height... I realize and want it to keep expanding to the right if there were more:
 User generated image
Avatar of SSupreme
SSupreme
Flag of Belarus image

It is impossible to achieve with CSS.
But you have few options, you can make div columns and write JavaScript code to locate each box as you want or try to use
#greenbox {-moz-column-count:3; /* Firefox */
-webkit-column-count:3; /* Safari and Chrome */
column-count:3;}
it's CSS3 and not compatible with each browser as we would like, IE doesn't support it at all.
I think I would use tables (gasp?!) to organize tabular data. You can do a matrix transformation or something similar to get the data into three rows.  If you want a PHP code sample please let me know.  Best regards, ~Ray
Avatar of Greg Alexander

ASKER

Ray... do you have a sample handy :)
ASKER CERTIFIED SOLUTION
Avatar of Ray Paseur
Ray Paseur
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Perfect thanks!
Thanks for the points and apologies to all CSS purists!  Best, ~Ray