www.webdeveloper.com
Results 1 to 3 of 3

Thread: tables with same size (width)

  1. #1
    Join Date
    Jan 2011
    Posts
    3

    tables with same size (width)

    Hi,
    I have created three tables in a page. They all are of different width. How can I make them of same width. Although the fields inside the tables might be of different size. The tables have only two columns. I set the width of the tables to same value. But still they are displayed different size in the browser . Both in IE as well as Firefox.
    thanks

  2. #2
    Join Date
    Aug 2008
    Location
    NYC
    Posts
    82
    Could you provide a link?

  3. #3
    Join Date
    Dec 2010
    Posts
    12
    Hi,

    I had a similar requirement.

    I suspect that the content of the cells in the columns are skewing.

    Klunky solution

    build a table with more columns than you require.

    merge the rows to have two cell each built from the merger of half the columns.

    Play around with the number of columns to be merged until you get content tolerance.

    Probably much much better ways to achieve what you require, this got me up and running and I will improve it later.


    Below I have made a ten col table and merged 5 into 1 using colspan twice

    Code:
    <table width="800" border="1" align="center" cellspacing="5" cellpadding="5">
    
    <tr>
    <td colspan="5">...</td>
    <td colspan="5">...</td>
    </tr>
    ...
    ...
    </table>
    Hope this is of some use to you.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles