Hello. I have a website,ypu can scroll page vertically, but also horizontally, how to disable that? Where is the problem in CSS that I can scroll that page horizontally to the left. Thank you.
Generally speaking that page is horrifically badly designed... and it's showing in it being too wide for your display, hence the scrolling. The "silver bullet" fix would be to strip out all the unnecessary fixed widths, but really I can't even seem to track down which element is forcing the extra width -- NONE of the widths make any sense though since there are 920px wide elements declared inside 630px wide containers; that could be the problem right there. The CSS is such a train wreck spread out over so many files for nothing, good luck EVER maintaining that site on a regular basis. But really it's all just a sign of deeper rooted issues -- typical to most turdpress templates. It's a inaccessible fixed width layout, it declares all the fonts in a fixed metric (px) that is also an accessibility disaster, and wastes a ton of screen space on some stupid animated banner instead of actually providing content of value. The code has it's head wedged firmly up 1997's backside -- proudly proclaiming so in the first line since "transitional" means "in transition from 1997 to 1998 coding practices"... which is why that tranny document allows elements like CENTER that have no business in any site written after 1998, clearing DIV like it's still 2001, presentational images in the markup, presentational use of classes -- and that's WITHOUT talking all the crap turdpress saddles you with like the endless pointless idiotic classes for nothing that pretty much prove the people who made wordpress have no business writing HTML for ANYTHING. For and by people who know nothing about web development is NOT a great battle-plan. Which is plainly evident in the 10.7k of markup for 900 bytes of plaintext, anywhere from two to three times as much code as should be on that page, and the massive uselessly bloated 636k in 36 files doing the job of half that or less... the 195k of JS in 13 files mated to the unbelievable TEN separate stylesheets when it is uselessly sending the screen layout to "all" -- defeating the point of even using the media attribute just makes a bad situation worse. To be frank given what a laundry list of "how not to build a website" this is, I'm a little shocked it only has five validation errors. But really, it would be faster to throw that mess of garbage away and start over clean using rational and accessible design and code construction than to try and work from it. Especially since so far at least you've not done anything that even warrants the presence of that buggy insecure bloated train wreck of "Herpaderp, I can haz intarnets" that is Wordpress.
Oh, there's the "Edit History" there. Got the link. Well, you heard it from DS about what's wrong with your website. To fix your precise issue, add this to your CSS : #wrapper { overflow:hidden; }
It means chop off anything too big for that container. It's a silver bullet fix -- like most such fixes it basically sweeps the deeper rooted issues under the rug... in this case it could cause more problems than it solves, you'd have to play with it to be sure.
It means that the overflow, which is causing it to "be scrolling horizontally" as you say, will be hidden. It's also used to wrap floats.