Absolute Positioned DIV change its position on differen resolutions

HTML & CSS
1

Hello Guys,

Hope you all are fine !
I need your help and suggestion for the following problem.

I have Login box similar to this website http://www.sittercity.com/, please click on the login button top right to see.

But My Login Box change its position when I switch to different resolution (1366x768 to 1024x768). DIV position is set to absolute. I have tried to put this whole DIV in another DIV and set the parent DIV position to relative but that also does not make any difference. This technique worked for me last time but this its not working.

Please give me your suggestions.

2

Don’t create another div with position: relative. Instead, put position:relative on the login box’s main immediate parent. For example, if it’s in a #header div, then put position: relative on the #header div. Then you will probably need to change the left / right etc. settings on the login box to position it in relation to the header.

3

Thanks ralph.m…It works :slight_smile: