✔ Wrapper: Seite verschiebt sich, wenn ich auf ein Link klicke

[mOnis]

Moin,

ich habe meine Seite wo ich mit mehreren Div's arbeite zum Beispiel:

<div id="wrapper">
    <div id="header">
    </div>

    [...]
</div>

Habe eine Navi die Home | Projects | About Us | Contact | [...] | hat.

Wenn ich auf Home oder Projects klicke bleibt die Seite so wie sie aufgerufen wurde, aber wenn ich auf About Us oder Contact klicke, verschiebt sich die Seite um 3-5Pixel nach Rechts und wenn ich wieder auf Home klicke 3-5Pixel nach Links.

Woran kann das liegen? ^^

Finde den Fehler einfach nicht.

Grüße mOnis

 

[Momo95]

liegt das vllt an der scrollleiste, die sich einblendet, wenn der inhalt "zu lang/hoch" ist!?

 

[mOnis]

Jo lol, darauf habe ich garnicht geachtet. Dann ist ja alles ok danke dir




... rofl

 

[Momo95]

wenn du das "hüpfen" verhindern willst, ergänze das hier in der css:

body {
 overflow-y: scroll;
}

 

[djheke]

Oder, wenn du valide sein möchtest. Versuch mal das hier. Im FF, Opera,Chrome (Linux) hat's funktioniert.

#html, body
{
 width:100%;
 margin-right:-16px;
}

Wobei die 16px die Scrollbalkenbreite entspricht. Besser ist vielleich 1em.

 

[Momo95]

#html, body
{
 width:100%;
 margin-right:-16px;
}

Aber so wird doch auch bei eingeblendeter scrolleiste der außenabstand angezeigt, was also wieder auf das gleiche hinauskommt.

 

[djheke]

Upps, vergisst meinen Vorschlag, der ist völliger Quatsch. Hab ein Fehler drin gehabt.
Also Sorry.