By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
428,530 Members | 891 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 428,530 IT Pros & Developers. It's quick & easy.

Table Positioning....dynamic?

P: n/a
Hi,

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

Oct 11 '06 #1
Share this Question
Share on Google+
2 Replies


P: n/a

al******@gmail.com wrote:
I have a group of 5 tables laid out of the web page. 2 go on the left
side and 3 on the right.
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 <divside-by-side. The first contains #1 & #2,
the second #3, #4 & #5. Use CSS float to position them side-by-side.
Read brainjar.com for guidance on how to.

Oct 11 '06 #2

P: n/a
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
charm!

Andy Dingley wrote:
al******@gmail.com wrote:
I have a group of 5 tables laid out of the web page. 2 go on the left
side and 3 on the right.

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 <divside-by-side. The first contains #1 & #2,
the second #3, #4 & #5. Use CSS float to position them side-by-side.
Read brainjar.com for guidance on how to.
Oct 12 '06 #3

This discussion thread is closed

Replies have been disabled for this discussion.