CSS Align right problem

Question

Hi
I am using the following css to align a div to the right hand
side of the
page:
#headerRight { RIGHT: 10px; MARGIN-RIGHT: 0px; POSITION:
absolute; TOP: 5px;
align: right; border: 0; width: 235px;}
The above seems to work well, except for one small annoying
problem. If the
content of the page is wide and causes the horizontal scroll
bar to appear,
then the div seems to work as it appears 10px from the right
side of the
window. However if I move the horizontal scroll bar over to
the right, then
the div doesnt move accordingly.
If I then resize the browser window, then the div moves and
always lines up
10px from the edge no matter what size the window is.
Anyone know where I am going wrong, or need any more
information?
Thanks
Brendan
Rate your experiences with your UK and Ireland builders at
http://www.ratethebuilder.co.uk
=========================================

Answer 1

Solved the problem by using the following javascript code:
function scrollDetect(){
document.getElementById("headerRight").style.left =
document.body.clientWidth - 245 + document.body.scrollLeft;
setInterval("scrollDetect()", 500);
Where 245 is the width of the div.
Only problem is that the code probably isnt cross browser at
the moment, but
I'll work on that.
Thanks again for all your help.
Rate your experiences with your UK and Ireland builders at
http://www.ratethebuilder.co.uk
=========================================
"RateTheBuilder" <[email protected]>
wrote in message
news:[email protected]...
> Osgood
>
> Sorry, would love to post a url, but content is
sensitive.
>
> Basically I have a div which stretches the width of the
page which
> contains the header details. Then on top of this div but
to the very right
> of the page I have a div that I have absolute
positioning set. This div
> must remain the set distance from the right of the
screen (10px) even when
> the user is scrolling horizontally.
>
> Thanks for your time so far and I hope I've shed a
little more light.
>
> Brendan
> ______________________________________________
> Rate your experiences with your UK and Ireland builders
at
>
http://www.ratethebuilder.co.uk
> =========================================
>
> "Osgood" <[email protected]> wrote in
message
> news:[email protected]...
>> RateTheBuilder wrote:
>>
>>> Osgood
>>>
>>> There is no content on the same level as the div
to the right, but the
>>> content below the div may extend the width of
the page. There are other
>>> divs on the same level as the one I want to keep
right and I have the
>>> problem div above them, so that is why I used
absolute positioning.
>>
>> Sorry i'm lost.
>>
>> You say you have no content on the same level as the
div to the right and
>> then say there are other divs on the same level as
the one you want to
>> keep right?
>>
>> Can you post a url to the page in question?
>>
>
>