ThunderAI Posted October 19, 2012 Share Posted October 19, 2012 (edited) I am using tables to do a layout of a page and I'd like the tables to float around the other tables but the float: command does not quite do what I am looking for. It creates gaps between the tables the size of surrounding tables and does not fill in the gaps like I think it should. what is the process for making tables or a div float around other div and fill in spaces? like presume you have the following [][][][][][] | [][][][][][][][][] | [][][][][][][][][] | [][][][][][][][][] [][][][][][] | [][][][][][] How do I force the bottom two tables to be besides the larger one and below the top left one? Edited October 19, 2012 by ThunderAI Quote Link to comment Share on other sites More sharing options...
ManiacDan Posted October 19, 2012 Share Posted October 19, 2012 I am using tables to do a layout of a pageWell that's your first problem, don't use tables for layout. For one, tables don't float. Divs, on the other hand, float just fine. Quote Link to comment Share on other sites More sharing options...
gizmola Posted October 19, 2012 Share Posted October 19, 2012 I am using tables to do a layout of a page... I think that is your problem Tables are for tabular data, plain and simple. If the data is tabular in nature, then a table is appropriate. Using tables to create layout is not the way to go -- that is the realm of css. There are sites like this one that show you how to do just about every variation possible. Quote Link to comment Share on other sites More sharing options...
gizmola Posted October 19, 2012 Share Posted October 19, 2012 Haha Dan, we very nearly posted the exact same thing -- i guess I should have looked at your pending post, but I'm far too lazy once I typed something in, to actually check first. 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.