Positioning tables using CSS

[KBear]

Hello All,

If I want to position 3 separate tables on a web page how can I do that using CSS? I'm going back and forth on using objects or tables and I want to see which one will work the best for me. For now I would like to know how to position these tables using CSS. Any insight would be great!

[tracknut]

Same as positioning anything else... primarily use the box model (http://www.w3.org/TR/CSS2/box.html) for positioning, then use relative and then absolute positioning if absolutely necessary.

Dave

[KBear]

Thank you Dave!

I have a followup question. If I position the tables "absolute" using pixel value locations won't I have problems with different resolutions for different visitor screens? How do I keep the tables where I want them consistently with a wide variety of screen resolutions?

This is an example of how I'm locating the tables.

.atable
{
border:0px;
position:absolute;
left:1100px;
top:350px;
height:150px;
width:150px;
}



Kenneth

[tracknut]

Yes, if you position absolutely you will have problems with different screen resolutions. That's one reason I list that above as the last priority "if you absolutely must" option. To handle different size page widths, you should probably be looking into box model positioning with major elements (like these tables) positioned as a percentage of the page width. Then as you get down to phone-sized pages, you should use CSS media queries to re-position your tables, maybe all one beneath the other rather than next to each other.

Dave

[KBear]

Thank you once again Dave. I want to make these tables a link as well. Have you done that before?

Kenneth

[legend@12]

how do you want to link the tables?
is how to link one table with the other table ?

[sanjay1]

Thnks all for your wonderful suggestions

[KBear]

how do you want to link the tables?
is how to link one table with the other table ?

Each table will be a link to another page of the website.

Kenneth