Barra inferior indesejada

Antes de mais nada: Boa noite a todos.

Descrição:
Desculpem abrir um tópico por dia, mas desta vez procurei na pesquisa e testei, testei e não consegui arrumar isso. Isso começou a ocorrer após eu ter inserido imagens maiores de "Open" e "close" do chatbox. O problema é que não pretendo reutilizar as imagens menores, pois não ficam centralizadas. Então fica feio a barra acima e um espaço vai abaixo do chat.

Dúvida:
Há algum código ou alteração que faça essa barra desaparecer, que ajeite a formatação do tópico ? Ou um que centralize essas imagens de "open" e "center" para que não assimétrico ?

Código usado

Código:

#content-container div#container {
float: none!important;
   margin-right: -180x!important;
  width: auto!important;

O que ocorre:

Se eu tiro o código usado acima, o fórum é empurrado para a esquerda, e quando coloco o código, essa barra aparece. Há alguma forma de corrigir sem perder o chatbox retrátil ?

Código do box:

Código:

<div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index:1000;">
           <iframe marginheight="0" marginwidth="0" style="height: 350px; float: right; overflow-x: visible; overflow-y: visible; display: none; width:700px" scrolling="yes" id="chatboxpop" src="/chatbox" frameborder="0"> </iframe>          
 <div style="margin-top: 10px; cursor :pointer; float:left" onclick="jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle();">
          <img style="display: inline; " id="chatboxopen" src="http://i.imgur.com/ByWUoJK.png" /><img style="cursor: pointer; display: none; " id="chatboxclose" src="http://i.imgur.com/bQ8CUwk.png" />          
 </div>
</div>

Imagem descritiva:


É isso, descrevi o máximo possível sobre o ocorrido.

Saudações,

Então, deixe o código para que vejamos o erro.
Por via, tente este código CSS adicionando no inicio e veja se resulta em algo>

Código:

body#phpbb, html {
  overflow-x: initial!important;
}

Até mais.
Sennior

Olá de novo, Sennior. Antes de continuar, agradeço imensamente a sua paciência e educação, pois sempre me ajudou com os códigos e problemas.

Aqui está o link do fórum, ai poderá ver claramente a barra branca horizontal no final do fórum, acima do player.: http://ffge.forumais.com/

Coloquei o código que me passou no início da tabela CSS e não resultou. Olhe como ela ficou:

Código:

    body#phpbb, html {
      overflow-x: initial!important;
    }
body {
      background-attachment: scroll;
      background-color: #171717;
      background-image: url(http://hitskin.com/themes/15/04/51/i_background.jpg);
      color: #fff;
      font-family: Verdana,Arial,Helvetica,sans-serif;
      font-size: 10px;
      height: auto;
      padding: 10px 0;
    }#wrap {
      background-color: #171717;
      border: 1px solid #94cdef;
      margin: 0 auto;
    }
      .row2 {
      background-color: #121212;
    }
.sceditor-container,.sceditor-container iframe, .sceditor-container textarea,div.sceditor-toolbar {
background: #333!important;
}
body, a:hover {cursor: url(http://c2n.me/3jUuAZJ.cur), progress !important;}
#content-container div#container {
  
float: none!important;
   margin-right: -180x!important;
  width: auto!important;
}
input#message {background: black!important;color: white!important;}
#chatbox,#chatbox_header{background-image: url(http://i.imgur.com/0xK0nJX.png);background-repeat:no-repeat;background-size:100% auto!important}
#chatbox,#chatbox_footer{background-image: url(http://i.imgur.com/Pj61JWV.png);background-repeat:no-repeat;background-size:100% auto!important}
h2.chatbox-title a.chat-title {color: transparent !important;}

Então deletei o código que me passou para resetar e testar algo mais caso me passe outro código.

Já tentou trocar o código acima por este?

Código:

<div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index:1000;">
              <iframe marginheight="0" marginwidth="0" style="height: 350px; float: right; overflow-x: hidden; overflow-y: visible; display: none; width:700px" scrolling="yes" id="chatboxpop" src="/chatbox" frameborder="0"> </iframe>         
  <div style="margin-top: 10px; cursor :pointer; float:left" onclick="jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle();">
                <img style="display: inline; " id="chatboxopen" src="http://i.imgur.com/ByWUoJK.png" /><img style="cursor: pointer; display: none; " id="chatboxclose" src="http://i.imgur.com/bQ8CUwk.png" />         
  </div>
</div>

Tente e poste o resultado, até mais!

Shaman

Shaman, no caso esse seria o código do widget do chatbox, isso ?

Caso seja, alterei o widget, salvei e nada... :/

Bom, ne um fórum eu testei e deu certo, vamos ver se funciona, crie um novo JavaScript com investimento em todas as páginas com o seguinte código:

Código:

$(document).ready(function(){
$('body').css("overflow-x", "hidden");
});

Até mais!

Shaman, seu lindo !

Esse java resolveu o meu problema !

Só faltava remover aquilo para eu poder lançar o fórum, nossa, muito obrigado, cara. Ah, tenha uma ótima noite e uma boa semana. ♥

Podem fechar o tópico.