Flexible Tables Previous | Top | Next

 

Basics

Goal: create a table in which

  • some columns maintain a fixed width at all times, and
  • other columns expand to fill the remaining horizontal space.

 

Two ways to assign the width of an HTML table or table cell:

  • fixed value in pixels:
        <TABLE width="640">
        <TD width="212">
     
  • percentage of available space:
        <TABLE width="100%">
        <TD width="50%">

 

Basic Principles of flexible tables:

  • Table width is set to 100%
  • Fixed-width columns are given a width in pixels
  • Flexible-width columns are given a width in percent

 

  Previous | Top | Next