ThunderAI Posted November 4, 2012 Share Posted November 4, 2012 I have committed a crime, I need to float tables near each other to setup a dynamic grid that shows a summary of different database records. One table for each database record. The problem is that the tables will not nest into a nice grid pattern but rather create large gaps in the layout. The tables are all different lengths, and all have the float:left property. Now I know it isn't desired to use tables for layout, but I can't figure out a better way to do this. Any suggestions on how I can get the tables to layout properly and create no empty gaps? Thanks. Quote Link to comment Share on other sites More sharing options...
Zane Posted November 4, 2012 Share Posted November 4, 2012 In case you didn't know what to Google for before you ask this question.. it is known as a tiled layout or grid layout like you already mentioed as grid pattern. I simply googled CSS tile layout and this was the first result http://stackoverflow.com/questions/8470070/how-to-create-grid-tile-view-with-css Quote Link to comment Share on other sites More sharing options...
ThunderAI Posted November 4, 2012 Author Share Posted November 4, 2012 Masonry without the jQuery worked like a charm. Thank you very much for the information. Didn't even knew Masonry existed! Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.