Hi there, I'd like to create a table within the main column of a 3 column layout without using the table tags. The reason for not using the table tags and using divs is so that it can be easily adapted for other media like handhelds and mobiles/css. I was looking for something like ( the dash line represents a horizontal rule or the top or bottom border of a div - whatever is easier The names, ages, occupations and location are supposed to line up neatly. Their will be multiple rows in some of the columns, for example, the occupation's colum could have several occupations listed and the occupations need to be listed on seperate rows- hope that makes sense) --------------------------------------------------------- John Smith 25 Engineer New York --------------------------------------------------------- William Thomas 23 Nurse Los Angeles --------------------------------------------------------- Sarah Giles 29 Doctor San Fran --------------------------------------------------------- Catherine Fox 21 IT Support Texas That kind of thing - was wondering what the easiest way to do it was. Had some ideas, but they all seem so long. Thanks
<div><ul><li> & CSS! Make sure that all width, height & font-size properties are properly expressed in scalable units throughout your entire stylesheet. This is absolutely essential as your site will be viewed on widely varying screen sizes. The key to creating a table layout is to figure out how many columns/rows you have and expressing this as a percentage of the overall 'table' width/height. These figures will give you the width/height of your <li> tag. If you don't know how many rows you will have you can express the height of the cell in em's and set the <div> height to auto.