Question

I’m developing a website ( portfolio redesign ), and I’m working in full width. But I keep having the same problem and however I’m trying to fix it, it just doesn’t work.

I would appreciate if someone could help me out with it, I will paste only the link here because there’s to much CSS to paste and HTML markup, but I think by looking in console you can see what’s going on in there.

Link: Website

The problem it’s pretty obvious, you’ll see that an horizontal scroll appears and if you scroll the content it’s overflowed by nothing, just empty space, maybe about 60px wide I think. I tried adding padding: 0;, margin: 0; or anything I could think of, but with no success.

I know that adding overflow: hidden; would fix it, but I need the overflow there.

Answer 1

Try this , it should work.. tested it with firebug.. hope its cross browser

html {
color: #222222;
font-family: sans-serif;
overflow: hidden;
}