I made a small div.box that is shown on the left part of the screen that is dynamic (it is moving up down with the page scroll). This is the box in google chrome at a screen resolution of 1366x768:
and this is in mozilla at a screen resolution of 1280x800:
The problem is that if you open the website (you can find the live website at http://www.sisacademy.ro/fisiere/) with other browsers or if the user has a different resolution than the one which was coded for (I coded using google chrome at a screen resolution of 1366x768) the box width modifies and looks bad as you can easily see in the second image.
Can you tell me if it is possible to dynamic modify the box width in this code:
using users screen resolution and browser. I don't know how to get the screen resolution and how to find the browser the user is using.
I want yo modify that marked width in div section.
Can anybody help me with a code?