Deixar banner de slides fixo

Detalhes da questão

Endereço do fórum: http://naruto-survival2.forumeiros.com/
Versão do fórum: phpBB2

Descrição

Olá, tive um problema recentemente com a aplicação de um banner de slides no topo do meu fórum. Ele fica fora da formatação em algumas telas enquanto todo resto do fórum permanece com o corpo fixo. Mesmo se você diminuir o tamanho da janela ele foge do quadro que é colocado. Eu quero que ele fique fixo, assim não importando a tela ele permanecerá dentro do quadro.

Link do problema: http://naruto-survival2.forumeiros.com/

Além disso, por algum motivo o favicon do fórum fica piscando, não sei se tem relação com isso mas desde que apliquei o código ele começou a piscar.

Aqui está o código que usei na minha pagina inicial:

Código:

<style type="text/css">#rotator1491704271396 {height:208px;} #rotator1491704271396 a{position:absolute;left:26.5%;background:#FFFFFF;border:1px solid #CCCCCC;padding:4px;} #rotator1491704271396 img { height:197px;width:840px; }</style>
<div id="rotator1491704271396">
                                           <a id="itemActif1491704271396" style="z-index:999" href="http://adf.ly/1lJPjU" title="" target="_blank"><img src="http://i68.tinypic.com/t7il8l.png" alt="" /></a><a href="http://adf.ly/1lJPn8" title="" target="_blank"><img src="https://i37.servimg.com/u/f37/19/46/73/96/oie_4210.jpg" alt="" /></a><a href="http://naruto-survival.forumeiros.com/t364-staff" title="" target="_blank"><img src="https://i58.servimg.com/u/f58/19/55/10/92/staff10.jpg" alt="" /></a>
</div><script type="text/javascript">(function(){var r = document.getElementById("rotator1491704271396"), l = r.getElementsByTagName("A"), rotate = window.setInterval(function() {var a = document.getElementById("itemActif1491704271396"), n = jQuery(a).next()[0] || l[0]; if (!a) return window.clearInterval(rotate); n.style.opacity = 1;n.style.zIndex = 998;jQuery(a).animate({"opacity":0},800,"linear",function() {a.id = "";a.style.zIndex = "";n.id = "itemActif1491704271396";n.style.zIndex = 999})},3800)})();</script>

Olá,

Adicione o código a seguir em sua Folha de Estilo CSS:

Código:

div#rotator1491704271396 {
  position: relative;
  left: -228px;
}

E altere o valor

-228px

à seu gosto, caso seja necessário.

o/

Matou a charada. Valeu!

---

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas".