For a group project, I successfully centered a div on a webpage. However, I ran into an issue where the website's contents are centered taking the scroll bar width into consideration. This means that the web page contents adjust to be centered without accounting for the width of the scroll bar. As a result, my fixed position div appears to be off-center by the width of the scroll bar from the rest of the site, creating a strange appearance. Is there a way to fix this without using jQuery? I may be able to use some JavaScript.
To see the issue firsthand, visit my site at