I'm facing an issue with my blog on Tumblr where the sidebar keeps overlapping the main content. I have modified a premade template and am trying to position the sidebar in the top right corner using absolute or fixed positioning:
#sidebar{
position:fixed;
top:20px;
right:20px;
}
However, when I try relative positioning, the sidebar ends up at the bottom after the main content.
The structure of my page is as follows:
<body>
<div id="page">
<div id="header">
</div>
<div id="content">
</div>
</div>
<div id="sidebar">
</div>
</body>
You can view the page here. I have tried placing the sidebar inside the page div but it constraints the width, which I want to maintain. Thank you for your help.