Bom dia/tarde/noite a quem estiver lendo. Eu utilizei a ferramenta para criação de slides da própria forumeiros (Link) e tive um problema inicial com a centralização do mesmo no topo do portal. Sem conseguir resolver, pensei na seguinte solução: se não consigo centralizar, basta ajustar o tamanho do slide para que fique referente a largura dos títulos do portal (a barra com a imagem onde o título das postagens fica). Porém, aí está o problema. Na resolução do meu monitor/computador fica tudo certinho e bonitinho (Imagem), dentro das medidas corretas de acordo com meu plano, mas em computadores alheios as proporções do slide ficam desreguladas (Imagem).

Dúvida: Minha principal dúvida é sobre a centralização desse slide. É possível? A dúvida secundária dá-se em resposta negativa a primeira. Tem como padronizar o tamanho do slide/posição para que ajuste automaticamente de acordo com o tamanho/configurações de todos os monitores (ou grande maioria pelo menos)?

Code (slide):

Código:


<style type="text/css">#rotator1498871575903 {height:310px;} #rotator1498871575903 a{position:absolute;background:#FFFFFF;border:1px solid #CCCCCC;padding:4px;} #rotator1498871575903 img { height:300px;width:726px; }</style>
<div id="rotator1498871575903">
    <a id="itemActif1498871575903" style="z-index:999" href="http://dimensionnaruto.forumeiros.com/t11875-gokage-kaidan" title="" target="_blank"><img src="http://i.imgur.com/6RzZvUX.png" alt="" /></a><a href="http://dimensionnaruto.forumeiros.com/t11826-evento-i-necessidades-da-guerra" title="" target="_blank"><img src="http://i.imgur.com/0uCpTMr.png" alt="" /></a><a href="http://dimensionnaruto.forumeiros.com/t11942-batalha-genin-shizuka-ikimaru-final" title="" target="_blank"><img src="http://i.imgur.com/7P8kvKo.png" alt="" /></a>
</div><script type="text/javascript">(function(){var r = document.getElementById("rotator1498871575903"), l = r.getElementsByTagName("A"), rotate = window.setInterval(function() {var a = document.getElementById("itemActif1498871575903"), 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 = "itemActif1498871575903";n.style.zIndex = 999})},7000)})();</script>

Agradeço desde já a disponibilidade de quem colocar-se a responder e/ou resolver meu problema.

Sei que é complicado lidar com ignorância, mas meu conhecimento sobre códigos é quase nulo. Poderia ser mais específico a respeito dos procedimentos, por gentileza?