Search code examples
csslayouthtmlborderfixed

980px wrap with 1px left & border + 2 footer same size right below it not aligning properly

issue that I`m facing

Layout: on top of the page there's 980px width menu centered with fixed position, it stays when site is being scrolled down

both below divs are centered:

980px wrap with 1px left & right black border

right below it there's a footer with 982px width and it's not aligned properly - it's sticking 1px to the left

Can be seen here

Solution

  • You could use:

            -moz-box-sizing: border-box; 
     -webkit-box-sizing: border-box;
             box-sizing: border-box;

    And set your widths to 980px;