Whitespace on the main page when scrolling?

1

So on the main-page I have created when scrolling right and left it appears whitespace on the right margin(when scrolling left with the mouse). The Header is set to fixed and what moves are the main image and the footer, which are both set to relative. And it appears whitespace on the right(when scrolling sideways) How can I remove that?

dsdd
dsdd938×990 97.4 KB

dfd
dfd1062×1220 88.6 KB

dd
dd1066×1210 105 KB

Uploading: dfdf.png…

How do I remove that so it does not appear when scrolling left and right?

The Header and header nav is fixed but the main image below and footer are relative. I want this to stay the same. But to remove that white space/margin on the right side when scrolling.

2

I can’t see your code but try setting the width to 100%, it will be better if you post the code or a link to it.

3

I want to be able to scroll the background-image and the footer. Hence I have used position:absolute on those. And fixed on the header. But I don’t want them to scroll sideways. Only vertically.

4

Please :slight_smile: someone tell me

5

Thank god I got rid of it using:

html{
    overflow-x: hidden;
}

But I never had to do that before. Any idea why I had to do this now but not in earlier projects?

6

no, without your code it is impossible to say

1 Like
7

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.