Page width exceeds the 100% of the screen width

Issue

I have a strange problem, I was designing a page and after I finished, found that there is a horizontal scroll bar in the bottom of the page, I checked the page html but found that there is a close tag for each tag.

Also I tried to check the widths using jQuery and found that $(window).width() = 1351px and $(document).width() = 1480px

any suggestions about what reason for this problem ?

Solution

Using the your web inspector go through and delete interior elements until the scroll bar goes away. Then fix the width for that element (float:left may work). Probably what is happening is there is an element which is too wide for the page. It is not breaking anything, it is just causing the scroll bar.

Answered By - Scott Simpson