HTML, CSS, Javascript - Elemente verstecken/anzeigen

Question

Ich benutze das Blueprint CSS Raster für meine HTML Seite. Ich habe eine Tabelle, die ich anzeigen/verbergen möchte - indem ich sie mit jQuery mit einer Schaltfläche verknüpfe. Das Problem ist, dass jedes Mal, wenn ich auf die Schaltfläche klicke, um die Tabelle ein-/auszublenden, alles auf der Seite leicht nach links und rechts verschoben wird.

Ist das ein häufiges Problem? Weiß jemand, was das verursachen könnte und was ich tun könnte, um die anderen Elemente der Seite so zu fixieren, dass sie sich nicht bewegen?

Answer 1

Dies ist wahrscheinlich nur, weil die Bildlaufleisten in Ihrem Browser erscheinen und verschwinden, die Seitenbreite ändern und ändern, wo das Zentrum ist.

Wenn nicht ein minimaler Codeausschnitt helfen würde, das Problem zu identifizieren, aber ich vermute, es ist die Scrollbar-Sache. Ich hatte auch dieses Problem, bis ich realisierte, was vor sich ging.

Answer 2

Ein bisschen mehr Detail wäre nett. Es ist möglich, dass deine Show/Hide irgendwo ein leeres Div hinzufügt, was die Verschiebung erklären würde. Wenn das Problem weiterhin besteht, können Sie versuchen, den Entwurf zu umgehen und ein eigenes benutzerdefiniertes Raster zu erstellen, falls dies nicht zu schwierig ist.

Answer 3

Als Cletus sagte, es ist wahrscheinlich ein Problem mit der Bildlaufleiste. versuchen Sie diesen Code

html { 
overflow: -moz-scrollbars-vertical; 
overflow-y: scroll; 
}