If you are using jQuery 1.2 or newer, you can simply use these:
$(window).width();
$(document).width();
$(window).height();
$(document).height();
From there it is a simple matter to decide the height of your element.
More Related Contents:
- Jquery Change Height based on Browser Size/Resize
- How to force browser to show image 3 inches wide?
- Javascript comparison behaving differently in different browsers [closed]
- How to capture the browser window close event?
- Trying to detect browser close event
- How to copy text to the client’s clipboard using jQuery? [duplicate]
- How to force reloading a page when using browser back button?
- Caching a jquery ajax response in javascript/browser
- How can I disable a browser or element scrollbar, but still allow scrolling with wheel or arrow keys?
- Why should y.innerHTML = x.innerHTML; be avoided?
- How can I retain the scroll position of a scrollable area when pressing back button?
- How can I detect browser type using jQuery?
- Execute function before refresh
- Detect if browser is running on an Android or iOS device
- Can I resize the browser window?
- Browser back button handling
- Disable Browser Window Resize
- full-screen browser window on load document
- jQuery Screen Resolution Height Adjustment
- How to check if css value is supported by the browser?
- Why web browsers don’t have jQuery built in? [duplicate]
- Disable zooming of the page in desktop web browsers using Javascript/Jquery [duplicate]
- Is it possible to catch browser’s File Open/Save dialog event using Javascript
- Web browser: Hide mouse cursor [duplicate]
- Take User Back to Where They Scrolled to on previous page when clicking Browser Back Button
- Trigger events when the window is scrolled to certain positions
- Live Detect Browser Size – jQuery / JavaScript
- How to make browser full screen using F11 key event through JavaScript [duplicate]
- How to focus an input field on Android browser through javascript or jquery
- How to capture browser close event?