title: Bootstrap Table not working on Internet Explorer
body: <p>My table that I am developing for my landing page works fine on other browsers but doesn't work for Internet Explorer.</p>
  
  <p>I am using Bootstrap 2.3.0 as a framework and fancybox for the image gallery below. The table doesn't appear at all in Internet Explorer.</p>
  
  <p>Bear in mind that there is normally 3 different tables on the same page to deal with different screen resolutions, I am using media queries to manage which table should remain visible. Please help me out guys to find a way to make the tables work properly.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt; 
  &lt;html&gt;
     &lt;head&gt;
        &lt;meta charset ="UTF-8"&gt;
        &lt;!-- Latest compiled and minified CSS --&gt;
        &lt;link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"&gt;
        &lt;!-- Latest compiled and minified JavaScript --&gt;
        &lt;script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"&gt;&lt;/script&gt;
        &lt;!--Custom CSS --&gt;
        &lt;link rel="stylesheet"href="/Users/Christopher/Desktop/ClubPedia Landing page/CSS/Landingpage.css"/&gt;
        &lt;!-- Add jQuery library --&gt;
        &lt;script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"&gt;&lt;/script&gt;
        &lt;!-- Add fancyBox --&gt;
        &lt;link rel="stylesheet" href="/Users/Christopher/Desktop/ClubPedia Landing page/fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css"media="screen" /&gt;
        &lt;!--fancybox javascript--&gt;
        &lt;script type="text/javascript" src="/Users/Christopher/Desktop/ClubPedia Landing page/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"&gt;&lt;/script&gt;
     &lt;/head&gt;
     &lt;body&gt;
        &lt;div class="container-fluid"&gt;
           &lt;div class="row"&gt;
              &lt;div class="col-lg-12" id="Title"&gt;
                 &lt;p&gt;Title&lt;/p&gt;
              &lt;/div&gt;
           &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="container-fluid"&gt;
           &lt;div class="row"&gt;
              &lt;div class="col-lg-3" class="col-md-3"&gt;  &lt;/div&gt;
              &lt;div id="TextBox" class="col-lg-6" class="col-md-6" &gt;
                 &lt;p&gt; text box   &lt;/p&gt;
              &lt;/div&gt;
              &lt;div class="col-lg-3" class="col-md-3"&gt;  &lt;/div&gt;
           &lt;/div&gt;
           &lt;div class="container-fluid"&gt;
              &lt;div class="row"&gt;
                 &lt;style media="screen and (min-width:0px)"&gt;
                    #Large_table {display:none;}
                    #Medium_table {display:none;}
                 &lt;/style&gt;
                 &lt;style media="screen and (min-width:992px)"&gt; 
                    #Small_table {display:none;}
                    #Large_table {display:none;} 
                    #Medium_table {display:initial;}    
                 &lt;/style&gt;
                 &lt;style media="screen and (min-width:1200px)"&gt;
                    #Small_table {display:none;}
                    #Medium_table {display:none;}
                    #Large_table {display:initial;}
                    td { width:311px;
                    height:228px;
                    }
                 &lt;/style&gt;
                 &lt;div class="table-responsive"&gt;
                    &lt;!--Small table --&gt;
                    &lt;table class="table" id="Small_table"&gt;
                       &lt;thead&gt;  &lt;/thead&gt;
                       &lt;tbody&gt;
                          &lt;tr&gt;
                             &lt;td&gt; 
                                &lt;a href="/Users/Christopher/Desktop/ClubPedia Landing page/img/Babble City-Crimson.jpg" class="fancybox" rel="gallery"&gt;
                                &lt;img src="/Users/Christopher/Desktop/ClubPedia Landing page/img/Babble City-Crimson.jpg" /&gt;
                                &lt;/a&gt;
                          &lt;/tr&gt;
                          &lt;tr&gt;
                             &lt;/td&gt;
                             &lt;td&gt;
                                &lt;a href="/Users/Christopher/Desktop/ClubPedia Landing page/img/Foundation-Club.jpg" class="fancybox" rel="gallery"&gt;
                                &lt;img src="/Users/Christopher/Desktop/ClubPedia Landing page/img/Foundation-Club.jpg" alt="" /&gt;
                                &lt;/a&gt;
                             &lt;/td&gt;
                          &lt;/tr&gt;
                          &lt;tr&gt;
                             &lt;td&gt;
                                &lt;a href="/Users/Christopher/Desktop/ClubPedia Landing page/img/Foundation-Scribble.jpg" class="fancybox" rel="gallery"&gt; 
                                &lt;img src="/Users/Christopher/Desktop/ClubPedia Landing page/img/Foundation-Scribble.jpg" /&gt; 
                                &lt;/a&gt;
                             &lt;/td&gt;
                          &lt;/tr&gt;
                          &lt;tr&gt;
                             &lt;td&gt;
                                &lt;a href="/Users/Christopher/Desktop/ClubPedia Landing page/img/Gem-Main Bar.jpg" class="fancybox" rel="gallery"&gt;
                                &lt;img src="/Users/Christopher/Desktop/ClubPedia Landing page/img/Gem-Main Bar.jpg" /&gt; 
                                &lt;/a&gt;
                             &lt;/td&gt;
                          &lt;/tr&gt;
                          &lt;tr&gt;
                             &lt;td&gt; 
                                &lt;a href="/Users/Christopher/Desktop/ClubPedia Landing page/img/Grace-Milk Bar.jpg" class="fancybox" rel="gallery"&gt;
                                &lt;img src="/Users/Christopher/Desktop/ClubPedia Landing page/img/Grace-Milk Bar.jpg" /&gt;
                                &lt;/a&gt;
                             &lt;/td&gt;
                          &lt;/tr&gt;
                          &lt;tr&gt;
                             &lt;td&gt;
                                &lt;a href="/Users/Christopher/Desktop/ClubPedia Landing page/img/Kanaloa-Club.jpg" class="fancybox" rel="gallery"&gt;
                                &lt;img src="/Users/Christopher/Desktop/ClubPedia Landing page/img/Kanaloa-Club.jpg"/&gt;
                                &lt;/a&gt;
                             &lt;/td&gt;
                          &lt;/tr&gt;
                          &lt;tr&gt;
                             &lt;td&gt;
                                &lt;a href="/Users/Christopher/Desktop/ClubPedia Landing page/img/Piccadilly Institute-Clinic.jpg" class="fancybox" rel="gallery"&gt; 
                                &lt;img src="/Users/Christopher/Desktop/ClubPedia Landing page/img/Piccadilly Institute-Clinic.jpg" /&gt; 
                                &lt;/a&gt;
                             &lt;/td&gt;
                          &lt;/tr&gt;
                          &lt;tr&gt;
                             &lt;td&gt;
                                &lt;a href="/Users/Christopher/Desktop/ClubPedia Landing page/img/Piccadilly Institute-Fruitbox Bar.jpg" class="fancybox" rel="gallery"&gt;
                                &lt;img src="/Users/Christopher/Desktop/ClubPedia Landing page/img/Piccadilly Institute-Fruitbox Bar.jpg" /&gt; 
                                &lt;/a&gt;
                             &lt;/td&gt;
                          &lt;/tr&gt;
                       &lt;/tbody&gt;
                    &lt;/table&gt;
                    &lt;!-- Medium table ---&gt;
                    &lt;table class="table" id="Medium_table"&gt;
                       &lt;thead&gt;  &lt;/thead&gt;
                       &lt;tbody&gt;
                          &lt;tr&gt;
                             &lt;td&gt; 
                                &lt;a href="/Users/Christopher/Desktop/ClubPedia Landing page/img/Babble City-Crimson.jpg" class="fancybox" rel="gallery"&gt;
                                &lt;img src="/Users/Christopher/Desktop/ClubPedia Landing page/img/Babble City-Crimson.jpg" /&gt;
                                &lt;/a&gt;
                             &lt;/td&gt;
                             &lt;td&gt;
                                &lt;a href="/Users/Christopher/Desktop/ClubPedia Landing page/img/Foundation-Club.jpg" class="fancybox" rel="gallery"&gt;
                                &lt;img src="/Users/Christopher/Desktop/ClubPedia Landing page/img/Foundation-Club.jpg" alt="" /&gt;
                                &lt;/a&gt;
                             &lt;/td&gt;
                          &lt;/tr&gt;
                          &lt;tr&gt;
                             &lt;td&gt;
                                &lt;a href="/Users/Christopher/Desktop/ClubPedia Landing page/img/Foundation-Scribble.jpg" class="fancybox" rel="gallery"&gt; 
                                &lt;img src="/Users/Christopher/Desktop/ClubPedia Landing page/img/Foundation-Scribble.jpg" /&gt; 
                                &lt;/a&gt;
                             &lt;/td&gt;
                             &lt;td&gt;
                                &lt;a href="/Users/Christopher/Desktop/ClubPedia Landing page/img/Gem-Main Bar.jpg" class="fancybox" rel="gallery"&gt;
                                &lt;img src="/Users/Christopher/Desktop/ClubPedia Landing page/img/Gem-Main Bar.jpg" /&gt; 
                                &lt;/a&gt;
                             &lt;/td&gt;
                          &lt;/tr&gt;
                          &lt;tr&gt;
                             &lt;td&gt; 
                                &lt;a href="/Users/Christopher/Desktop/ClubPedia Landing page/img/Grace-Milk Bar.jpg" class="fancybox" rel="gallery"&gt;
                                &lt;img src="/Users/Christopher/Desktop/ClubPedia Landing page/img/Grace-Milk Bar.jpg" /&gt;
                                &lt;/a&gt;
                             &lt;/td&gt;
                             &lt;td&gt;
                                &lt;a href="/Users/Christopher/Desktop/ClubPedia Landing page/img/Kanaloa-Club.jpg" class="fancybox" rel="gallery"&gt;
                                &lt;img src="/Users/Christopher/Desktop/ClubPedia Landing page/img/Kanaloa-Club.jpg"/&gt;
                                &lt;/a&gt;
                             &lt;/td&gt;
                          &lt;/tr&gt;
                          &lt;tr&gt;
                             &lt;td&gt;
                                &lt;a href="/Users/Christopher/Desktop/ClubPedia Landing page/img/Piccadilly Institute-Clinic.jpg" class="fancybox" rel="gallery"&gt; 
                                &lt;img src="/Users/Christopher/Desktop/ClubPedia Landing page/img/Piccadilly Institute-Clinic.jpg" /&gt; 
                                &lt;/a&gt;
                             &lt;/td&gt;
                             &lt;td&gt;
                                &lt;a href="/Users/Christopher/Desktop/ClubPedia Landing page/img/Piccadilly Institute-Fruitbox Bar.jpg" class="fancybox" rel="gallery"&gt;
                                &lt;img src="/Users/Christopher/Desktop/ClubPedia Landing page/img/Piccadilly Institute-Fruitbox Bar.jpg" /&gt; 
                                &lt;/a&gt;
                             &lt;/td&gt;
                          &lt;/tr&gt;
                       &lt;/tbody&gt;
                    &lt;/table&gt;
                    &lt;!--Large table--&gt;
                    &lt;table class="table" id="Large_table" &gt;
                       &lt;thead&gt;  &lt;/thead&gt;
                       &lt;tbody&gt;
                          &lt;tr&gt;
                             &lt;td&gt; 
                                &lt;a href="/Users/Christopher/Desktop/ClubPedia Landing page/img/Babble City-Crimson.jpg" class="fancybox" rel="gallery"&gt;
                                &lt;img src="/Users/Christopher/Desktop/ClubPedia Landing page/img/Babble City-Crimson.jpg" /&gt;
                                &lt;/a&gt;
                             &lt;/td&gt;
                             &lt;td&gt;
                                &lt;a href="/Users/Christopher/Desktop/ClubPedia Landing page/img/Foundation-Club.jpg" class="fancybox" rel="gallery"&gt;
                                &lt;img src="/Users/Christopher/Desktop/ClubPedia Landing page/img/Foundation-Club.jpg" alt="" /&gt;
                                &lt;/a&gt;
                             &lt;/td&gt;
                             &lt;td&gt;
                                &lt;a href="/Users/Christopher/Desktop/ClubPedia Landing page/img/Foundation-Scribble.jpg" class="fancybox" rel="gallery"&gt; 
                                &lt;img src="/Users/Christopher/Desktop/ClubPedia Landing page/img/Foundation-Scribble.jpg" /&gt; 
                                &lt;/a&gt;
                             &lt;/td&gt;
                             &lt;td&gt;
                                &lt;a href="/Users/Christopher/Desktop/ClubPedia Landing page/img/Gem-Main Bar.jpg" class="fancybox" rel="gallery"&gt;
                                &lt;img src="/Users/Christopher/Desktop/ClubPedia Landing page/img/Gem-Main Bar.jpg" /&gt; 
                                &lt;/a&gt;
                             &lt;/td&gt;
                          &lt;/tr&gt;
                          &lt;tr&gt;
                             &lt;td&gt; 
                                &lt;a href="/Users/Christopher/Desktop/ClubPedia Landing page/img/Grace-Milk Bar.jpg" class="fancybox" rel="gallery"&gt;
                                &lt;img src="/Users/Christopher/Desktop/ClubPedia Landing page/img/Grace-Milk Bar.jpg" /&gt;
                                &lt;/a&gt;
                             &lt;/td&gt;
                             &lt;td&gt;
                                &lt;a href="/Users/Christopher/Desktop/ClubPedia Landing page/img/Kanaloa-Club.jpg" class="fancybox" rel="gallery"&gt;
                                &lt;img src="/Users/Christopher/Desktop/ClubPedia Landing page/img/Kanaloa-Club.jpg"/&gt;
                                &lt;/a&gt;
                             &lt;/td&gt;
                             &lt;td&gt;
                                &lt;a href="/Users/Christopher/Desktop/ClubPedia Landing page/img/Piccadilly Institute-Clinic.jpg" class="fancybox" rel="gallery"&gt; 
                                &lt;img src="/Users/Christopher/Desktop/ClubPedia Landing page/img/Piccadilly Institute-Clinic.jpg" /&gt; 
                                &lt;/a&gt;
                             &lt;/td&gt;
                             &lt;td&gt;
                                &lt;a href="/Users/Christopher/Desktop/ClubPedia Landing page/img/Piccadilly Institute-Fruitbox Bar.jpg" class="fancybox" rel="gallery"&gt;
                                &lt;img src="/Users/Christopher/Desktop/ClubPedia Landing page/img/Piccadilly Institute-Fruitbox Bar.jpg" /&gt; 
                                &lt;/a&gt;
                             &lt;/td&gt;
                          &lt;/tr&gt;
                       &lt;/tbody&gt;
                    &lt;/table&gt;
                 &lt;/div&gt;
              &lt;/div&gt;
           &lt;/div&gt;
        &lt;/div&gt;
        &lt;/div&gt;
        &lt;script type="text/javascript"&gt;
           $(document).ready(function() {
              $(".fancybox").fancybox();
           });
        &lt;/script&gt;
     &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Here is the custom CSS:</p>
  
  <pre><code>#TextBox {  
     margin-left:auto;
     margin-right:auto;
     border-radius: 5px;
     background-color:grey;
     height:500px;
     width:50%;
  }
  
  #Title {
     height:300px;
     background-color:white;
     opacity:0.9;
  }
  
  body { 
     background-color:black;
  }
  
  img {
     width:100%;
     height:auto;
  }
  
  table {
     margin-left:auto;
     margin-right:auto;
  }
  </code></pre>