Sidan flyttas när jag trycker på den första menyknappen(CSS)

Permalänk
Medlem

Sidan flyttas när jag trycker på den första menyknappen(CSS)

Hej,

Har ett problem med min sida. På min startsida så är det korrekt gjort och headern ligger den ska ligga. Men sen när jag trycker på min första menyknapp(truppen) så flyttas headern lite till vänster, eller hela sidan till och med ser det ut som.

Här är koden för startsidan: http://jsfiddle.net/AdqzL/ och här för truppsidan: http://jsfiddle.net/zcfxF/

Har försökt kolla i CSS varför den flyttas, men hittar inget. Någon som vet varför den flyttas lite? Kan det vara något som strular med scrollistan till höger på truppen sidan?

Permalänk
Medlem

Är inte så att scrollbaren kommer fram när sidan blir längre?

Permalänk
Medlem
Skrivet av agentq15:

Är inte så att scrollbaren kommer fram när sidan blir längre?

Jo det är så. Så tror det är något med scrollbaren. Vet du hur man fixar det? För just nu flyttas sidan lite när jag trycker på menyknappen "Truppen", vilket jag vill att den inte ska göra.

Permalänk
Medlem

Precis som föregående talare.
Du har mer information i den andra fliken som tvingar fram scrollbaren till höger om din webbläsare, vilket gör att det ser ut som att sidan flyttar sig.

Det går inte att fixa.

Visa signatur

Canon 70D | 2x Dell Ultrasharp 24" | Ryzen 3700X | 32B | GTX 1080Ti

Permalänk
Medlem

Du kan alltid ha scrollbaren synlig . Kan se bättre ut.

html { overflow-y: scroll; }

Permalänk
Medlem
Skrivet av zAjtarN:

Jo det är så. Så tror det är något med scrollbaren. Vet du hur man fixar det? För just nu flyttas sidan lite när jag trycker på menyknappen "Truppen", vilket jag vill att den inte ska göra.

Det här är ett vanligt problem, och lösningen är oftast att antingen alltid visa scrollbaren eller att aldrig visa den (bad UX!). Detta görs enkelt genom

body{overflow-y:scroll}

eller

body{overflow-y:hidden}

Visa signatur

CPU: Intel i5 2500K @ 4,7GHz Mobo: Asus P8Z68-V
GPU: Asus STRIX 970 RAM: 8GB Corsair Vengence 1600 MHz CL9
PSU: OCZ ModXStream 700W Chassi: NZXT Phantom

Citera så att jag hittar tillbaka!

Permalänk
Medlem

Okej tack så mycket för svaren. Då kör jag med scrollbar på alla sidor för det verkar bättre enligt er.