Im adding a floating (fixed) box however i need it in the same position

Question

0

Asked: May 30, 20262026-05-30T20:46:15+00:00 2026-05-30T20:46:15+00:00

Im adding a floating (fixed) box however i need it in the same position

0

Im adding a “floating” (fixed) box however i need it in the same position no matter what the screen res is. So when you scroll down the screen it stays at the exact position on the moniter (like facebook chat kinda thing, i have a div like this already however i just set it to 100% and for this i need some exact positionings)

At the moment in the css file i have:

.userAccOvervw{
    position:fixed;
    border: 1px solid #73a7f0;
    width: 200px;
    margin-left: -300px;
    padding: 5px 14px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, .7);
    -webkit-box-shadow: -0px 0px 6px rgba(0, 0, 0, .7);
    -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, .7);
}

However this changes depending upon the screen res, i have tried floating it next to various so float right (to the left of a div) and that didnt work :/

If anyone has any advice I would be most grateful 🙂