align div right with position fixed

Question

Hi

i want to show a div which is always visible with the user as the user scrolls the page

are there any javascript solutions??

i have used the css position:fixed;

Now i want to show the div at the right hand corner of the parent div

i used the css

 .test {
     position: fixed;
     text-align: right;
  }

but that doesn't work with position:fixed;

For that i used the css but i think nothing works on the top of postilion fixed

My example page here

the div i want to align is "test" under the parent class "parent"

Is there any solution or any other javascript solution to this...

thanks

Pradyut
India

Answer 1

With position fixed, you need to provide values to set where the div will be placed, since it's a fixed position.

Something like....

.test
{
   position:fixed;
   left:100px;
   top:150px;
}

Fixed - Generates an absolutely positioned element, positioned relative to the browser window. The element's position is specified with the "left", "top", "right", and "bottom" properties

More on position here.

Answer 2

You can use two imbricated div. But you need a fixed width for your content, that's the only limitation.

<div style='float:right; width: 180px;'>
 <div style='position: fixed'>
   <!-- Your content -->
 </div>
</div>

Answer 3

Trying to do the same thing, if you want it aligned right, use right: 0px;

.test { position:fixed; right: 20px; }

/* will align right, with 20px padding to the right */