html - Table on top of an image in bootstrap carousel -

i'm quite new bootstrap , i've come across problem. have background image in carousel on top of put content table or such. i've written far.

 <div class="item active">             <div class="row" id="redak1">                 <div class="col-md-offset-3 col-md-6" id="bg">                     <div class="table-responsive">                      <table class="table table-bordered" id="tabla">                          <tr class="info">                             <td>bla</td>                             <td>bla</td>                             <td>bla</td>                             <td>bla</td>                           </tr>                          </table></div>                  </div>             </div>           </div> 

and css this:

#bg {      height: 768px;   } #tabla {    border:solid black;   margin-top:150px;   height:500px; }  #redak1 {   background-image:url('../img/grass.jpg');   width:1024px;   margin:auto; }  .carousel table {   position: absolute;   top: 0;   left: 0;   min-width: 100%;   height: 100%;   max-width: none; } 

(all div tags , carousel-inner class included did not post them here)

this code does, more or less, want there problems. when scale browser window down content (the picture , table) not scale it. how can make work? suppose there way better way doing mannaged do. great!

your problem fixed width on #redak1 element.

here way achieve want :

bootply : http://www.bootply.com/120630

html :

 <div class="item active">         <div class="container">             <div class="col-md-offset-3 col-md-6" id="bg">                 <div class="table-responsive">                  <table class="table table-bordered table-responsive" id="tabla">                      <tbody><tr class="info">                         <td>bla</td>                         <td>bla</td>                         <td>bla</td>                         <td>bla</td>                       </tr>                      </tbody></table></div>              </div>         </div>     </div>