Barra de rolagem do navegador

StackOverflow https://stackoverflow.com/questions/26879

  •  09-06-2019
  •  | 
  •  

Pergunta

Eu tenho um site perfeitamente centralizado e alinhado.O código CSS funciona bem.O problema realmente não tem a ver com CSS.Tenho cabeçalhos para cada página que combinam perfeitamente entre si.

No entanto, quando o conteúdo fica maior, o Opera e o FireFox mostram uma barra de rolagem à esquerda para que você possa rolar até o conteúdo que não está na tela.Isso faz meu site pular alguns pixels para a esquerda.Assim, os cabeçalhos não estão mais perfeitamente alinhados.

O IE sempre tem uma barra de rolagem, então o site nunca fica pulando no IE.

Alguém conhece uma solução JavaScript/CSS/HTML para este problema?

Foi útil?

Solução

eu uso 

html { overflow-y: scroll; }

Para padronizar o comportamento da barra de rolagem no IE e FF

Outras dicas

FWIW:eu uso

html { height: 101%; }

para forçar as barras de rolagem a sempre aparecerem no Firefox.

Você está alinhando com larguras percentuais ou larguras fixas?Também acho que você está aplicando um plano de fundo ao corpo - eu mesmo tive esse problema.

Será muito mais fácil ajudá-lo se você fizer upload da página para que possamos ver o código-fonte.

   #middle 
   {        
position: relative;
margin: 0px auto 0px auto;      
width: 1000px;  
max-width: 1000px;
}

é meu DIV centrado

Bem, você não precisa do position: relative; - deve funcionar bem sem ele.

Eu entendo que div tem ser 1000px largo?Ainda seria muito mais fácil responder a isso com o site real.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top