So I came across this problem I haven’t done before and was curious to know if it’s possible.
threedash.com/TOPSHELF/ has a logo that sits on top of the page, on the Z index. When I go to move the browser around, i noticed that the position:absolute keeps it stationary.
In your case, you’d simply put your logo inside the header div, and make the header div’s position relative.Then adjust the position in the logo. That way the logo uses the origin of the header div, which is centered on the page instead of the origin of the page itself, which is at the top left corner. When an element that has a position of absolute or relative, the absolutely positioned elements that are inside it uses its origin.