Trying to make a footer that spans the width of a page under a CMS can be tricky when dealing with set margins. In this case, we want the footer to ignore those margins and include an image that must be centered horizontally. A solution like the following may work if we know the page width:
.bgd {
position: absolute;
left: 0;
width: 1378px;
}
.fgd {
text-align: center;
}
The code above works well as long as the page remains at a fixed width of 1378 pixels without a scrollbar. However, we need a CSS solution that adapts regardless of the page's dimensions or any scrolling/resizing issues. Is there a way to modify the existing code to achieve this?