website is not lining up correctly-width? css????

[ajfmrf]

My web site is acting weird.
http://www.web-user.net/rss/index.htm

At first there was a scrollbar for some reason(My css is no where near long enough to require this)

I was told to put this in the html or body

overflow-x: hidden;

Now there is no scrollbar but if you use the jump box to go to different catergories ,the page moves to the lfet and you no longer see all of the page.

I presume it is an css issue but I am not sure.

Give the page a minute to load then select one of the listed categories then from the jump a feed to view.

I have looked at everything I can find but I am at a loss as to how to fix the problem.

Thanks in advance for any help...

[Beverleyh]

Sorry, it's taking too long to load for me. Can you fill it with some dummy static HTML to test in the meantime?

You can get a good idea of which element is pushing out the width if you use Chrome and press F12 to open the Dev Console.

Then click the little magnifying glass in the bottom left corner (the tooltip says "Select an element in the page to inspect it") and hover over the elements to see, 1) a misty blue overlay, and 2) CSS properties in a tooltip. From this you'll be able to see which element is too wide - click on it and you can tweek the live CSS in the window on the bottom right.

[ajfmrf]

I am at a loss as to how to fix this issue.

Doing what you said Beverleyh,I saw the:
html=1899px x 78954px
head=1879px x 56px
body=1879px x ?

I never set these widths and I have no idea how to fix it.

I tried to add:

max-width:1560px;

to the html/head/body css but it did not do it.

I am lost:confused:

[Beverleyh]

The best thing would probably be to recreate the page again, step by step.

Maybe the RSS feeds are pulling across their own formatting? Try adding back one at a time and check in Chrome Dev Console for likely suspects.

[ajfmrf]

change this

o && window.scrollTo(o.left - 25, o.top - 25);

to this

o && window.scrollTo(0, o.top - 25);

worked just fine,

thanks John