How can I make my iframe fit the whole section?

Question

The problem I'm having is located at http://fourbetpoker.com/play/index.html

If you click on either "Poker" or "Dice", you'll see that my iframe has space around it (easier to see on the dicing tab). Can anyone tell me why, and potential fixes? I've been messing with the code for well over an hour and I have no idea what's wrong with it. I'm a newbie when it comes to Bootstrap/CSS. Thanks!

Answer 1

When I click Dice tab, I saw lot of empty space around for the content. It is coming because of the following class available in global.css file. Margin applied around the form.

  #loginContent #loginHeadlineContainer
  {
    margin:100px 100px 0 100px;
  }

If you don't want apply any margin then reduce it in the class. By Simple make it zero.

 #loginContent #loginHeadlineContainer
 {
   margin:0;
 }