Problem z ramką Iframe Proszę o pomoc!

pytanie zadane 27 stycznia 2017 w HTML i CSS przez Szymon Wesołowski Początkujący (280 p.)

Witam, bardzo proszę o pomoc z moją stroną. Chcę zrobić, że jak się wejdzie w link do innej strony to ta strona pojawi się w nowej karcie tylko, że w ramce. Potrzebuje to do tego żeby na górze był pasek z zakładkami z mojej strony. Strona działa tylko, że jak próbuję się zalogować przez steam na tej stronie to pokazuje się biały ekran bo przekierowuje na stronę steam. Idzie to zrobić, żeby można było się zalogować?


<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta HTTP-EQUIV="Pragma" content="cache">
    <meta NAME="ROBOTS" CONTENT="all">
    <meta HTTP-EQUIV="Content-Language" CONTENT="pl">
    <link rel="Stylesheet" type="text/css" href="css/style.css" />
    <link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Poszukiwacz Zarobku</title>
</head>
<body>
<div id="csgo-gamble-site">
    <iframe src="http://csgobooth.com/" id="frame"></iframe>
</div>
    </body>
</html>


root, html, body {
    padding: 0;
    margin: 0;
    font-family: Arial, sans-serif;
}
* {
    box-sizing: border-box;
}
#header {
    background-color: #383b43;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 999;
}
#headline {
    background-color: #23252b;
    display: block;
    height: 60px;
    border-bottom: 2px solid #ea6362;
}
#headline .logo {
    background-color: #383b43;
    display: inline-block;
    float: left;
}
#headline .logo img {
    display: inline-block;
    height: 60px;
    padding: 15px;
    border-right: 2px solid #ea6362;
    border-bottom: 2px solid #ea6362;
}
#headline #code {
    display: inline-block;
    border-right: 2px solid #ea6362;
    height: 60px;
    padding: 0 10px;
    float: left;
}
#headline #code p {
    margin: 0;
    line-height: 20px;
    font-size: 9px;
    padding: 0;
    color: #666A73;
    display: block;
}
#headline #code input {
    padding: 0;
    margin: 0;
    border: 2px solid #666A73;
    background-color: #50535C;
    height: 30px;
    margin: 0 10px 0 0;
    text-align: center;
    color: #ea6362;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    outline: none;
}
#headline #code input:focus {
    outline: none;
}
#headline #lookfor {
    display: block;
    width: auto;
    overflow: auto;
    height: 60px;
    position: relative;
    overflow: hidden;
}
#headline #lookfor .site {
    float: left;
    width: 200px;
    height: 52px;
    margin: 3px 3px 0 0;
    text-align: center;
    font-size: 9px;
    color: #4A4D57;
    line-height: 52px;
    border: 1px solid #4A4D57;
    text-decoration: none;
}
#headline #lookfor .site:first-child {
    margin: 3px 3px 0 3px;
}
 
#close-frame {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 19px;
    background-color: #ea6362;
    text-align: center;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
    color: #000;
    text-decoration: none;
}
 
 
 
 
#pop {
    position: fixed;
    bottom: 0;
    right: 20px;
    width: 100%;
    height: 100%;
    max-height: 336px;
    max-width: 290px;
    padding: 5px;
    background-color: rgba(100,100,100,0.5);
    z-index: 999;
}
#pop #close {
    position: absolute;
    left: -15px;
    top: -15px;
    width: 30px;
    height: 30px;
    background-color: red;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #ea6362;
    color: 000;
    font-size: 17px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    z-index: 999;
}
 
 
#csgo-gamble-site {
    position: fixed;
    left: 0;
    top: 60px;
    right: 0;
    bottom: 0;
}
#csgo-gamble-site iframe {
    position: absolute;
    display: block;
    border: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
}