View Full Version : Chrome CSS Drop Down Menu vs Screen Resolution

06-28-2012, 10:29 AM
1) Script Title: Chrome CSS Drop Down Menu

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/chrome/index.htm

3) Describe problem: I'm using this beautiful drop down menu but i'm having a problem with different screen resolutions. The .dropmenudiv has
position:absolute and because of this (so i think) when the resolution is smaller the div moves to left and when is higher moves to right.

What can i do to stop the div move and appear always in the same spot?

In internet, some people sugested to put the div inside a container with relative position. I tried but it's not working.

Thanks and sorry for my english.

07-04-2012, 04:13 AM
It shouldn't matter as long as the page is refreshed when there is a change in screen resolution. Are you doing that?

07-04-2012, 04:22 AM
Well position: absolute, just means that the div stays in the flow of the page, and then you can use top, left, bottom, and right controls in the CSS. Relative just means that the position is relative to where it was before you moved the object, so if you say,

Position: relative;
Left: 10px;

It will move ten pixels left of where it was before.
Ditto to what ddadmin said.