Home/ Questions/Q 8350069
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T08:11:54+00:00

I have a problem choosing the table cells. I defined my table cells to

  • 0

I have a problem choosing the table cells.

I defined my table cells to have the following measurements:

 cell 1: 220px
 cell 2: 315px
 cell 3: 265px
 cell 4: 200px
 Adds to 1000px

The measurements that I get when opening the table in a browser:

     cell 1: 190px
     cell 2: 264px
     cell 3: 222px
     cell 4: 168px
     Adds to 844px

Note that I dont set the width of the table. I also have no other elements on the page apart from that table. Why does that happen?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try this:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
      <style type="text/css" media="screen">
         table { border-collapse: collapse; table-layout: fixed }
         td { padding: 0; border: 1px solid black }
      </style>
   </head>
   <body>
      <table>
         <col width="220" />
         <col width="315" />
         <col width="265" />
         <col width="200" />
         <tbody>
            <tr>
               <td>col 1</td>
               <td>col 2</td>
               <td>col 3</td>
               <td>col 4</td>
            </tr>
         </tbody>
      </table>
   </body>
</html>

    col is legal element used to layout the table cells.

    In the above examples Firebug will show the cells’ width with the desired size in pixels minus 1px for borders (which will collapse). The entire table will be exactly 1000px wide.

    • 0