HTML/CSS Set a div into background

Question

I want to set the <div id="bar">...</div> into the background. First, here is my page: tekkkz.com

<div id="bar">
  <span id="views">50</span>
  <a class="icon-small" id="like"></a>
  <a class="icon-small" id="dislike"></a>
</div>

This block (on the top right with the like/dislike buttons) should be in the background, so that it wont take any width of my content box.

How to do this?

For better understanding: what i want to reach is similar to set a image anchor to page in libreoffice.

Answer 1

Since already in your stylesheet style.css

#bar{float:right;}

So you could just add in your pre block

<pre style="clear:both">

I tried it. It worked like charm.

Hope it help

Answer 2

You should use position: absolute on your <div id="bar"> and position: relative on it's parent. Then use right: 0 if you want your element to be at the right corner of the content block.

#bar {
   position: absolute;
   right: 0;
}
.content {
    position: relative;
}