Question

A horizontal scroll bar appeared on my website and the page is now wider than it was. The last thing I remember doing was adding a widget (to link a pic to another website) to the right sidebar of my page. I removed the widget but the horizontal bar still remained at the bottom of the page and the webpage is still too wide. Can you please help me in getting the page back to normal horizontal dimensions and without a horizontal scroll bar. thanks

here is the website
http://www.runningnurse.com

Answer 1

The problem is in the footer, it’s too wide because the div child element of the ul (ul elements are only supposed to have li as their child elements!) is positioned to the left.

You have this HTML at the bottom of the page:

<div id="footer">
    <ul class="footer-links">
        <div style="position:relative;left: 119px; "></div>
    </ul>

Use this instead:

<div id="footer">
    <ul class="footer-links" style="margin-left: 133px;">
        <div>...</div>
    </ul>

Also the fact that the HTML contains a lot of errors might give implications when viewing in in different browsers.