Detalhes da questão

Endereço do fórum: http://pivot5.forumeiros.com
Versão do fórum: PunBB

Descrição

Atualmente atualizei o template (visual de meu fórum) porém ocorreu um bug na visualização dele quando clicamos no botão "ver ultima mensagem" ou no widget "ultimos assuntos".
O bug consiste em o forum todo ficar deslocado para a esquerda quando tem a tag (#xxxx) no final do link.
Para que entendam o que estou dizendo, basta acessar este link:

http://pivot5.forumeiros.com/t1903p310-chat-oficial-do-forum#18244
E depois este:
http://pivot5.forumeiros.com/t1903p310-chat-oficial-do-forum

Eu não ligaria muito com este bug se não torna-se muito desagradável a navegação no fórum.
Estranhamente no fórum em que eu estava testando o layout esse bug não apareceu.
confiram:

http://teste152163.forumeiros.com/t5-repost-por-que-voce-nao-conclui-seus-projetos#6

Saudações querido!

Acessei e não encontrei o "bug". Fechei e reabri novamente, e atualizei diversas vezes, porém não aconteceu nada, tudo normal. O problema ainda persiste?

Att!

Olá autor.

Crie um js com investimento nos tópicos com esse código:

Código:

jQuery(document).ready(function(){if('/t1903p310-chat-oficial-do-forum#18244'){jQuery('head').append("<style>.main_width, .pun{margin: 0px 20%!important;}</style>")}});

Até.

Gaaratsu escreveu:Saudações querido!

Acessei e não encontrei o "bug". Fechei e reabri novamente, e atualizei diversas vezes, porém não aconteceu nada, tudo normal. O problema ainda persiste?

Att!

Muitos dos usuários estão se queixando desse problema, talvez seja algo mais específico ainda de precisar estar logado para poder ver.

while escreveu:Olá autor.

Crie um js com investimento nos tópicos com esse código:

Código:

jQuery(document).ready(function(){if('/t1903p310-chat-oficial-do-forum#18244'){jQuery('head').append("<style>.main_width, .pun{margin: 0px 20%!important;}</style>")}});

Até.

Olá, agradeço a ajuda, mas infelizmente não funcionou.

UP

UP

UP

Olá novamente querido!

Substitua por este(tente com investimento em todas as páginas, caso continue não funcionando com o investimento nos tópicos):

Código:

jQuery(document).ready(function(){if('/#'){jQuery('head').append("<style>.main_width, .pun{margin: 0px 20%!important;}</style>")}});

Caso não funcione, utilize o seguinte CSS:

Código:

.main_width, .pun {
margin: 0 20% !important;
}

Att!

Não funcionou, por mais que eu distancie o para a esquerda, sempre vai tender para a direita quando clico neste botão, Acho que o problema está na barra de rolagem horizontal, pois o link diretamente para o a ultima mensagem, mensagem essa que fica no canto superior esquerdo da tela.
http://prntscr.com/hkajx3
a imagem explica o que eu quero dizer.

Querido me diz uma coisa... acontece somente neste tópico ou em outros também ao clicar na última mensagem?

Att!

Acontece em todos os tópicos ao clicar no botão de ultima mensagem.

Lemon~ escreveu:Acontece em todos os tópicos ao clicar no botão de ultima mensagem.

Notei que agora até sem ser a última mensagem o problema aparece.
Adicione na tua CSS o seguinte código:

Código:

body {overflow-x: hidden !important}

Testei pelo console e funcionou.

Att!

Bem, eu já tinha este código no meu css, o retirei como solução provisória para o problema.
Para que fique um pouco mais claro tirei prints, já que no começo do tópico não tinha feito isso.
Quando eu clico num botão para ver a ultima mensagem de um tópico qualquer:
http://prntscr.com/hklvj2
Já quando eu acesso o tópico sem o que vem depois da "#" aparece tudo normal.
Quando eu acesso o tópico sem clicar no botão de ultima mensagem:
http://prntscr.com/hklwb3

Hã.... bom dia. Eu ainda não entendi completamente, acredito por ter chegado tão atrasado assim no tópico. Mas, pode por isso na sua folha css - mesmo que não resulte em nada, para eu testar uma coisa? Serei o mais breve possível.

Código:

body, html {
max-width: 1349px !important;
    overflow-x: hidden;
}

MateusAnjosV escreveu:Hã.... bom dia. Eu ainda não entendi completamente, acredito por ter chegado tão atrasado assim no tópico. Mas, pode por isso na sua folha css - mesmo que não resulte em nada, para eu testar uma coisa? Serei o mais breve possível.

Código:

body, html {
max-width: 1349px !important;
    overflow-x: hidden;
}

Funcionou
Troquei por este código caso ainda queira testar alguma coisa:

Código:

body, html {
max-width: 1920px !important;
    overflow-x: hidden;
}

Hã... sério? Que bom então, não almejo testar nada, fico feliz em te ajudar.