Why do my various HTML tables all have varying widths?

Question

I have been developing this template HTML file and I am encountering an issue.

Ideally, in all of the tables the left column (0:00) should always be the same size. And the 2 name columns should always be the same size. Then the theme column should take up the slack.

In my IE browser these columns are showing with different widths. What is my mistake?

.cellBibleReading {
  padding-left: 3mm;
  font-family: Calibri;
  font-size: 11pt;
  font-weight: 700;
}
.cellTime {
  padding-left: 3mm;
  padding-right: 5mm;
  font-family: Calibri;
  font-size: 9pt;
  font-weight: 700;
  color: gray;
}
.cellName {
  font-family: Calibri;
  font-size: 11pt;
  font-weight: normal;
}
.floatRight {
  color: gray;
  padding-top: 1mm;
  padding-bottom: 1mm;
  padding-right: 2mm;
  float: right;
  text-align: right;
  font-family: Calibri;
  font-size: 8pt;
  font-weight: 700;
}
.tableDATE {
  margin-bottom: 2mm;
  border-collapse: collapse;
  width: 100%;
  border: thin black solid;
}
.tableDATE td {
  border: thin black solid;
}
.tableTFGW {
  margin-bottom: 2mm;
  border-collapse: collapse;
  width: 100%;
  border: thin black solid;
}
.tableTFGW td {
  border: thin black solid;
}
.cellTFGW {
  padding-left: 1mm;
}
.textTFGW {
  padding-left: 1mm;
  padding-top: 1mm;
  padding-bottom: 1mm;
  background-color: #606a70;
  width: 90mm;
  font-family: Calibri;
  font-size: 10pt;
  font-weight: 700;
}
.bulletTFGW {
  padding-top: 1mm;
  padding-bottom: 1mm;
  padding-right: 1mm;
  color: #606a70;
  font-size: 14pt;
  font-family: Calibri;
  font-weight: normal;
}
.tableAYFM {
  margin-bottom: 2mm;
  border-collapse: collapse;
  width: 100%;
  border: thin black solid;
}
.tableAYFM td {
  border: thin black solid;
}
.cellAYFM {
  padding-left: 1mm;
}
.textAYFM {
  padding-left: 1mm;
  padding-top: 1mm;
  padding-bottom: 1mm;
  background-color: #c18626;
  width: 90mm;
  font-family: Calibri;
  font-size: 10pt;
  font-weight: 700;
}
.bulletAYFM {
  padding-top: 1mm;
  padding-bottom: 1mm;
  padding-right: 1mm;
  color: #c18626;
  font-size: 14pt;
  font-family: Calibri;
  font-weight: normal;
}
.cellClass {
  font-size: 8pt;
  font-family: Calibri;
  font-weight: 700;
  vertical-align: bottom;
  color: gray;
}
.tableLAC {
  margin-bottom: 2mm;
  border-collapse: collapse;
  width: 100%;
  border: thin black solid;
}
.tableLAC td {
  border: thin black solid;
}
.cellLAC {
  padding-left: 1mm;
}
.textLAC {
  padding-left: 1mm;
  padding-top: 1mm;
  padding-bottom: 1mm;
  background-color: #961526;
  width: 90mm;
  font-family: Calibri;
  font-size: 10pt;
  font-weight: 700;
}
.bulletLAC {
  padding-top: 1mm;
  padding-bottom: 1mm;
  padding-right: 1mm;
  color: #961526;
  font-size: 14pt;
  font-family: Calibri;
  font-weight: normal;
}
.textDuration {
  padding-left: 1mm;
  font-family: Calibri;
  font-size: 9pt;
  font-weight: normal;
}
.textTheme {
  font-family: Calibri;
  font-size: 11pt;
  font-weight: normal;
}
.textSongLabel {
  font-family: Calibri;
  font-size: 11pt;
  font-weight: normal;
}
.textSongNumber {
  font-family: Calibri;
  font-size: 12pt;
  font-weight: normal;
}
.textCongregation {
  text-align: left;
  font-family: Cambria;
  font-size: 11pt;
  font-weight: 700;
}
.textTitle {
  text-align: right;
  font-family: Cambria;
  font-size: 18pt;
  font-weight: 700;
}
.tableHeading {
  width: 100%;
  margin-bottom: 5mm;
  border-bottom: thin black double;
}
.tableHeading td {
  vertical-align: bottom;
}


  
    
      
  
  
    CONGREGATION NAME
    Midweek Meeting Schedule
  


  
    
      
        
  
  
    
      
        Chairman:
      DATE | WEEKLY BIBLE READING
    Name
  
  
    
      
        Auxiliary Classroom Counselor:
       
    Name
  
  
     
  
  
    0:00
    
      
        Prayer:
      •Song
      XXX
    
    Name
  
  
    0:00
    Opening Comments(3 
    		min. or less)
    
  


  
    
      
        
  
  
    
      
        Chairman:
      DATE | WEEKLY BIBLE READING
    Name
  
  
     
  
  
    0:00
    
      
        Prayer:
      •Song
      XXX
    
    Name
  
  
    0:00
    Opening Comments(3 
    		min. or less)
    
  


  
    
      
        
  
  
    
      
        TREASURES FROM GOD'S WORD
    
    Main Hall
  
  
    0:00
    •  Title
      (10 min.) 
    
    Name
  
  
    0:00
    •  Digging 
    		for Spiritual gems  (8 min.)
    
    Name
  
  
    0:00
    
      
        Student:
      •  Bible Reading
      (4 min. or less) 
    
    Name
  


  
    
      
        
          
  
  
    
      
        TREASURES FROM GOD'S WORD
    
    Auxiliary Classroom
    Main Hall
  
  
    0:00
    •
      Title  (10 min.)
    
    Name
  
  
    0:00
    •
      Digging for Spiritual gems
      (8 min.) 
    
    Name
  
  
    0:00
    
      
        Student:
      •  Bible Reading
      (4 min. or less) 
    
    Name
    Name
  


  
    
      
        
  
  
    
      
        APPLY YOURSELF TO THE FIELD MINISTRY
    
  
  
    0:00
    •  Prepare 
    		This Month's Presentations  (15 min.)
    
    Name
  


  
    
      
        
          
  
  
    
      
        APPLY YOURSELF TO THE FIELD MINISTRY
    
    Auxiliary Classroom
    Main Hall
  
  
    0:00
    
      
        Student/Assistant:
      •  Initial Call
      (2 min. or less) 
    
    Name/Name
    Name/Name
  
  
    0:00
    
      
        Student/Assistant:
      •  Return Visit
      (2 min. or less) 
    
    Name/Name
    Name/Name
  
  
    0:00
    
      
        Student/Assistant:
      •  Bible Study
      (6 min. or less) 
    
    Name/Name
    Name/Name
  


  
    
      
        
  
  
    
      
        APPLY YOURSELF TO THE FIELD MINISTRY
    
    Main Hall
  
  
    0:00
    
      
        Student/Assistant:
      •  Initial Call
      (2 min. or less) 
    
    Name/Name
  
  
    0:00
    
      
        Student/Assistant:
      •  Return Visit
      (2 min. or less) 
    
    Name/Name
  
  
    0:00
    
      
        Student/Assistant:
      •  Bible Study
      (6 min. or less) 
    
    Name/Name
  


  
    
      
        
  
  
    
      
        LIVING AS CHRISTIANS
    
  
  
    0:00
    •Song
      XXX
    
  
  
    0:00
    •Title
      (00 min.) 
    
    Name
  
  
    0:00
    •Title
      (00 min.) 
    
    Name
  
  
    0:00
    
      
        Conductor/Reader:
      •Congregation 
    		Bible Study  (30 min.) 
    
    Name/Name
  
  
    0:00
    •Review/Preview/Announcements
      (3 min.)
    
    Name
  
  
    0:00
    
      
        Prayer:
      •Song
      XXX
    
    Name

Here are examples of what I am seeing in my browser:

Left column:

Right column:

G-Cyrillus · Accepted Answer

to set fixed width to table you need to set table-layout to fixed

first-cell migh be too short here

You may just set a width to to the first col and the 2 last ones, the second will fill up what is left, it will allow you to st px or em on first column and percentage on the 2 last ones

table {
  table-layout:fixed;
  }
.cellBibleReading {
  padding-left: 3mm;
  font-family: Calibri;
  font-size: 11pt;
  font-weight: 700;
}
.cellTime {
  padding-left: 3mm;
  padding-right: 5mm;
  font-family: Calibri;
  font-size: 9pt;
  font-weight: 700;
  color: gray;
}
.cellName {
  font-family: Calibri;
  font-size: 11pt;
  font-weight: normal;
}
.floatRight {
  color: gray;
  padding-top: 1mm;
  padding-bottom: 1mm;
  padding-right: 2mm;
  float: right;
  text-align: right;
  font-family: Calibri;
  font-size: 8pt;
  font-weight: 700;
}
.tableDATE {
  margin-bottom: 2mm;
  border-collapse: collapse;
  width: 100%;
  border: thin black solid;
}
.tableDATE td {
  border: thin black solid;
}
.tableTFGW {
  margin-bottom: 2mm;
  border-collapse: collapse;
  width: 100%;
  border: thin black solid;
}
.tableTFGW td {
  border: thin black solid;
}
.cellTFGW {
  padding-left: 1mm;
}
.textTFGW {
  padding-left: 1mm;
  padding-top: 1mm;
  padding-bottom: 1mm;
  background-color: #606a70;
  width: 90mm;
  font-family: Calibri;
  font-size: 10pt;
  font-weight: 700;
}
.bulletTFGW {
  padding-top: 1mm;
  padding-bottom: 1mm;
  padding-right: 1mm;
  color: #606a70;
  font-size: 14pt;
  font-family: Calibri;
  font-weight: normal;
}
.tableAYFM {
  margin-bottom: 2mm;
  border-collapse: collapse;
  width: 100%;
  border: thin black solid;
}
.tableAYFM td {
  border: thin black solid;
}
.cellAYFM {
  padding-left: 1mm;
}
.textAYFM {
  padding-left: 1mm;
  padding-top: 1mm;
  padding-bottom: 1mm;
  background-color: #c18626;
  width: 90mm;
  font-family: Calibri;
  font-size: 10pt;
  font-weight: 700;
}
.bulletAYFM {
  padding-top: 1mm;
  padding-bottom: 1mm;
  padding-right: 1mm;
  color: #c18626;
  font-size: 14pt;
  font-family: Calibri;
  font-weight: normal;
}
.cellClass {
  font-size: 8pt;
  font-family: Calibri;
  font-weight: 700;
  vertical-align: bottom;
  color: gray;
}
.tableLAC {
  margin-bottom: 2mm;
  border-collapse: collapse;
  width: 100%;
  border: thin black solid;
}
.tableLAC td {
  border: thin black solid;
}
.cellLAC {
  padding-left: 1mm;
}
.textLAC {
  padding-left: 1mm;
  padding-top: 1mm;
  padding-bottom: 1mm;
  background-color: #961526;
  width: 90mm;
  font-family: Calibri;
  font-size: 10pt;
  font-weight: 700;
}
.bulletLAC {
  padding-top: 1mm;
  padding-bottom: 1mm;
  padding-right: 1mm;
  color: #961526;
  font-size: 14pt;
  font-family: Calibri;
  font-weight: normal;
}
.textDuration {
  padding-left: 1mm;
  font-family: Calibri;
  font-size: 9pt;
  font-weight: normal;
}
.textTheme {
  font-family: Calibri;
  font-size: 11pt;
  font-weight: normal;
}
.textSongLabel {
  font-family: Calibri;
  font-size: 11pt;
  font-weight: normal;
}
.textSongNumber {
  font-family: Calibri;
  font-size: 12pt;
  font-weight: normal;
}
.textCongregation {
  text-align: left;
  font-family: Cambria;
  font-size: 11pt;
  font-weight: 700;
}
.textTitle {
  text-align: right;
  font-family: Cambria;
  font-size: 18pt;
  font-weight: 700;
}
.tableHeading {
  width: 100%;
  margin-bottom: 5mm;
  border-bottom: thin black double;
}
.tableHeading td {
  vertical-align: bottom;
}


  
    
      
  
  
    CONGREGATION NAME
    Midweek Meeting Schedule
  


  
    
      
        
  
  
    
      
        Chairman:
      DATE | WEEKLY BIBLE READING
    Name
  
  
    
      
        Auxiliary Classroom Counselor:
       
    Name
  
  
     
  
  
    0:00
    
      
        Prayer:
      •Song
      XXX
    
    Name
  
  
    0:00
    Opening Comments(3 
    		min. or less)
    
  


  
    
      
        
  
  
    
      
        Chairman:
      DATE | WEEKLY BIBLE READING
    Name
  
  
     
  
  
    0:00
    
      
        Prayer:
      •Song
      XXX
    
    Name
  
  
    0:00
    Opening Comments(3 
    		min. or less)
    
  


  
    
      
        
  
  
    
      
        TREASURES FROM GOD'S WORD
    
    Main Hall
  
  
    0:00
    •  Title
      (10 min.) 
    
    Name
  
  
    0:00
    •  Digging 
    		for Spiritual gems  (8 min.)
    
    Name
  
  
    0:00
    
      
        Student:
      •  Bible Reading
      (4 min. or less) 
    
    Name
  


  
    
      
        
          
  
  
    
      
        TREASURES FROM GOD'S WORD
    
    Auxiliary Classroom
    Main Hall
  
  
    0:00
    •
      Title  (10 min.)
    
    Name
  
  
    0:00
    •
      Digging for Spiritual gems
      (8 min.) 
    
    Name
  
  
    0:00
    
      
        Student:
      •  Bible Reading
      (4 min. or less) 
    
    Name
    Name
  


  
    
      
        
  
  
    
      
        APPLY YOURSELF TO THE FIELD MINISTRY
    
  
  
    0:00
    •  Prepare 
    		This Month's Presentations  (15 min.)
    
    Name
  


  
    
      
        
          
  
  
    
      
        APPLY YOURSELF TO THE FIELD MINISTRY
    
    Auxiliary Classroom
    Main Hall
  
  
    0:00
    
      
        Student/Assistant:
      •  Initial Call
      (2 min. or less) 
    
    Name/Name
    Name/Name
  
  
    0:00
    
      
        Student/Assistant:
      •  Return Visit
      (2 min. or less) 
    
    Name/Name
    Name/Name
  
  
    0:00
    
      
        Student/Assistant:
      •  Bible Study
      (6 min. or less) 
    
    Name/Name
    Name/Name
  


  
    
      
        
  
  
    
      
        APPLY YOURSELF TO THE FIELD MINISTRY
    
    Main Hall
  
  
    0:00
    
      
        Student/Assistant:
      •  Initial Call
      (2 min. or less) 
    
    Name/Name
  
  
    0:00
    
      
        Student/Assistant:
      •  Return Visit
      (2 min. or less) 
    
    Name/Name
  
  
    0:00
    
      
        Student/Assistant:
      •  Bible Study
      (6 min. or less) 
    
    Name/Name
  


  
    
      
        
  
  
    
      
        LIVING AS CHRISTIANS
    
  
  
    0:00
    •Song
      XXX
    
  
  
    0:00
    •Title
      (00 min.) 
    
    Name
  
  
    0:00
    •Title
      (00 min.) 
    
    Name
  
  
    0:00
    
      
        Conductor/Reader:
      •Congregation 
    		Bible Study  (30 min.) 
    
    Name/Name
  
  
    0:00
    •Review/Preview/Announcements
      (3 min.)
    
    Name
  
  
    0:00
    
      
        Prayer:
      •Song
      XXX
    
    Name

Why do my various HTML tables all have varying widths?

Answers (2)

Related Questions