Seems all out of whack. Your grid system doesn’t look right. Nothing aligns left evenly, nothing aligns right evenly. The spaces between the images on your portfolio page don’t match or maybe there’s too much space.
Just looking at your page tells me you can use 2 page wraps. One for the header and main, the other for the footer.
i figured the header one was because of the :after element. but i dont know. The footer one isn’t out of the grid because its lining up with the Content. which is Padded as well as the nav. the footer.inside has padding.. okay maybe not (just double checked) but it doesn’t seem to exceed the line. maybe there is something seriously wrong. i do hope i can fix it.
couldn’t i just position relative :left a little more and it’ll fix it? or is there more to that then just Position:relative left:more;
he has a live page – why in the world put it on jsfiddle?
The arrow navigation can be aligned with the line below it simply by adding a right margin of 25px to #navigation, the footer nav can align with the body content with a 12px left margin (and lose the width), the ad can lose the relative positioning, change width to 234 and apply a top margin of -80px. Done.