Como você depurar horizontal questão barra de rolagem?

Question

Não há nenhuma barra de rolagem quando visualizado com o firefox,

mas mostra-se no IE.

Como controlar esse tipo de problema?

Answer 1

Bem, eu ia começar, clicando em Ver | FONTE no meu menu do navegador, mas nada vem à tona (estou usando IE7), que é bastante estranho. Eu era capaz de salvar o arquivo no meu desktop e visualizá-lo no bloco de notas. Perto do topo há uma referência a uma folha de estilo chamado "fixedBottoomIE6.css", que parece aplicar-se apenas para o IE, o que pode explicar a diferença.

Assim como uma resposta geral à sua pergunta, gostaria de começar o processo de depuração por olhar para a fonte em um editor de texto.

Atualizar : sim, o problema é quase certamente que estilo, porque quando eu abrir o arquivo salvo para o meu desktop no IE, eu não receber a barra de rolagem horizontal (I do obtê-lo com a versão on-line). O link para a folha de estilo é relativa, e uma vez que a folha de estilo não é no meu desktop não é aplicada.

Answer 2

Eu acho que 99% do tempo, tem a ver com estofamento e definir a largura de HTML / corpo. Eu sigo nenhuma abordagem específica, mas olhar ao redor para definições como aqueles. Eu começo cada problema CSS com Inspector Web no Safari , uma vez que passa Acid3.

Answer 3

Uma excelente forma de depurar isso é usar Firebug editor css ao vivo. Aplique um (display: none;) para cada seção, um por um. Uma vez que você encontrou a seção com o erro, sua barra de rolagem desaparecerão (grande alívio!). Faça o mesmo para cada elemento na seção. Você deve encontrar exatamente o seu erro.

Para mim, ele passou a ser um efeito de sombra que foi acrescentando: before e:. Após o conteúdo

Answer 4

Se você estiver usando o IE, em seguida, eu ia começar com o uso do depurador que vem com o IE8.

Além disso, mudar o tipo de documento e os modos que o IE8 opera e veja se você pode detectar um padrão.

Por exemplo, não é só aparecem no modo quirks?

Além disso, quais situações causam a barra de rolagem para aparecer. É o div cheio ou meio vazio?

Ao usar o depurador você pode olhar para os estilos de dom e css do componente e ver se há um padrão.