I currently use the fixed position for my div which set it to stay at the bottom of the page. However, I meet an issue when re-sizing my browser to the minimum height which that div goes over my left navigation.
So what I want to do is that whenever the user re-sizes the browser window to somewhat lower than the height of my left navigation the position fixed is removed or changed so that it does not go overlap my left navigation and browser will generate the scroll to the bottom of the page where that div stays.
So how could I fix this?
Better to use a class to the
<body>: