Table Positioning....dynamic?

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

Threaded View


I have a group of 5 tables laid out of the web page.  2 go on the left
side and 3 on the right.  These tables retrieve data from the database
so the number of records (rows) returned varies.

So the problem I am having at the moment is that if the table gets
longer by one or two rows, all my alignment goes of out whack for the
other tables.  Is there a way for example to place table #2 right after
table#1 ends?

         Table #1                          Table #3

                                               Table #4
         Table #2
                                               Table #5

Re: Table Positioning....dynamic? wrote:

Quoted text here. Click to load it

If you want the vertical positioning of each table to be independent of
its siblings to left and right, then you have to enclose each column in
some sort of container.

I suggest two simple <div> side-by-side. The first contains #1 & #2,
the second #3, #4 & #5.  Use CSS float to position them side-by-side.
Read for guidance on how to.

Re: Table Positioning....dynamic?

Thanks for the reply...

I used containers...
#left_container{float:left;margin: 0 0 5px 5px;}
#right_container{float:right;margin: 0 0 5px 5px;}

and put the tables inside the div tag of each container...worked like a

Andy Dingley wrote:
Quoted text here. Click to load it

Site Timeline