Home/ Questions/Q 9046491
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-16T11:40:14+00:00

I am trying to create a small site. For that i designed some layout.

  • 0

I am trying to create a small site. For that i designed some layout. Every thing is fine except the height. I am giving the main div height as the height of the document with $(document).height(). Because of the status bar, i have to reduce the 2pixels from the resultant height. In IE9 looking good. But when I open same in the Firefox there is some gap at the bottom. Browsers are looking like this.

enter image description here
enter image description here

Now I want to adjust the height based on the visibility of the status bar which is presented at the bottom of the IE browser. How to find it is visible or not through jquery

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I do not think this is possible – but feel free to prove me wrong. On a side note status bar is not the only thing that can appear at the bottom; I have several addon that add additional status notifications that pop in/out as the page loads, so attempting to determine if the status bar is visible or not may not be the best approach.

    Each user will also have different size screen/resolution, so, you can expect different size view windows.

    With that in mind have you considered setting the div to have the following

    position:absolute;
top:0; right:0;
bottom:10px; left:0;

    This will ensure the div is the size of the screen minus a few pixels from the bottom.

    • 0