How to keep position of image fixed while scrolling?
<p>I have a web site which is made in WordPress. All of the content on my pages is wrapped in a div. What I would like to do now is add banners on both sides of the content and keep them fixed while scrolling.
<br />
<br />
So, the top of the banners should be aligned with the top.
<br />
The right side of the left banner should be right next to the left side of the main content.
<br />
The left side of the right banner should be right next to the left side of the main content.
<br />
<br />
Hence, I would get all elements from left to right: left banner -> content -> right banner. All aligned at the top. And when I scroll the page, only the content will scroll and not the banners.<br /><br />
It's important that the banners are anchored to the sides of the content, so if the width of the browser shrinks then parts of the banners are going out of screen instead of the banners going over the main content.</p>