[Résolu] Contenu responsive espace en dessous du footer

Bonjour, j'ai un espace après mon footer et je n'arrive pas à résoudre ce problème malgré tous sujets trouvés là dessus. A la base j'ai un script que je dois absolument rendre responsive et afficher en 100% dans ma page. J'utilise donc cette div :

<div class="embed-responsive embed-responsive-16by9">
 <script type='text/javascript' id=135339>
    (function(d, gn,scriptId){
    var prop = {'agent': 'big-jeux.com', 'bgcolor':'#fff', 'wrapperwidth':'100%', 'wrapperheight':'100%', 

'gamewidth':'100%', 'gameheight':'100%', 'fullscreen_on_mobile':'true'};    jsid = 'sgEmbedJS';if( d.getElementById

(jsid) ) {embed(d,scriptId,gn, prop); } else {
    var s = d.createElement('script'); s.id = jsid; s.type = 'text/javascript'; s.onload = function(){embed

(d,scriptId,gn, prop);};
    s.src='http://publishers.softgames.de/embedder.js'; d.getElementsByTagName('head')[0].appendChild(s);}
    }(document,'hyper-gunner',135339));
</script>
</div>

Du coup, je ne sais pas si c'est en rapport à mon footer qui ne s'affiche pas correctement.

Mon footer est construit comme ceci :

#footer {
    background: url("...") repeat scroll 0 0 #000;
    border-top: 1px solid rgba(250, 250, 250, 0.1);
    bottom: 0;
    color: #fff;
    left: 0;
    height: 37px;
    width: 100%;
}

Image:


Merci pour votre aide
Modifié par gwenm (23 Sep 2014 - 11:34)

je crois que c'est plutôt ca qui cloche :

.embed-responsive.embed-responsive-16by9{padding-bottom:75%}

J'ai essayé en supprimant le padding-bottom ou dans changer la valeur, et même d'ajouter

height: 100%; width: 100%;

mais rien n'y fait.

Bonjour,

Boule de cristal en panne -stop-
Page de test, site en ligne, bienvenus -stop-
Bon courage

Bonjour 6120, voici une page test spécial pour toi http://boulbaga.com/1

A savoir qu'en faite au départ pour afficher mes jeux en responsive, j'utilise ce vilain (parait il) script :

div { height: 100%; width: 100%; }

mais au moins tout s'affiche exactement comme je veux.

Mais comme il est vilain , je me dit qu'il faut que j'y remédie d'où :

<div class="embed-responsive embed-responsive-16by9"></div>

Mais j'ai pas le même résultat qu'avec mes div à 100 % et je tiens absolument à reproduire la même chose .. donc j'ai un footer qui se barre en c... et le jeu n'est pas responsive à souhait.

Ce que je souhaite c'est exactement ca http://boulbaga.com/jeu-hyper-gunner. Quand tu joue avec la taille de la fenêtre, le contenu suis complètement de haut en large.

enfin, j'ai réussis. J'ai du ajouter une class div, mais dans ma page, pas dans ma feuille de style car ca ne marchai pas sinon..

    .container2 {

        height: 100%;

    }