I found the solution: .flex-container { display: flex; /* only */ overflow-y: scroll; } .flex-container > div { margin: auto; /* horizontal and vertical align */ } html, body { height: 100%; width: 100%; padding: 0; margin: 0; } .flex-container { display: flex; width: 100%; height: 100px; /* change height to 300px */ overflow-y: scroll; … Read more
Set the class .fill to height: 100% .fill { min-height: 100%; height: 100%; } JSFiddle (I put a red background for #map so you can see it takes up 100% height)
In CSS3 you could use height: calc(100% – 60px);
Using CSS {height: 100%;} matches the height of the parent. This could be anything, meaning smaller or bigger than the screen. Using {height: 100vh;} matches the height of the viewport. .container { height: 100vh; overflow: auto; } According to Mozilla’s official documents, 1vh is: Equal to 1% of the height of the viewport’s initial containing … Read more
Use the .scrollHeight property of the DOM node: $(‘#your_div’)[0].scrollHeight
I used the following approach for determining the frame of the keyboard in iOS 7.1. In the init method of my view controller, I registered for the UIKeyboardDidShowNotification: NSNotificationCenter *center = [NSNotificationCenter defaultCenter]; [center addObserver:self selector:@selector(keyboardOnScreen:) name:UIKeyboardDidShowNotification object:nil]; Then, I used the following code in keyboardOnScreen: to gain access to the frame of the keyboard. … Read more
Sounds like you want to get the height but hide the view before it is visible. Have the visibility in the view set to visible or invisible to start with(just so that a height is created). Don’t worry we will change it to invisible/gone in the code as shown below: private int mHeight = 0; … Read more
ok I finally found a good solution: $(‘iframe’).load(function() { this.style.height = this.contentWindow.document.body.offsetHeight + ‘px’; }); Because some browsers (older Safari and Opera) report onload completed before CSS renders you need to set a micro Timeout and blank out and reassign the iframe’s src. $(‘iframe’).load(function() { setTimeout(iResize, 50); // Safari and Opera need a kick-start. var … Read more
To get the result I wanted, I had to use this code: // Cache the div so that the browser doesn’t have to find it every time the window is resized. var $div = $(‘li.leaf.item’); // Run the following when the window is resized, and also trigger it once to begin with. $(window).resize(function () { … Read more
Finally I’ve done it! This is the working code which measures ListView height and sets ListView in full size: public static void getTotalHeightofListView(ListView listView) { ListAdapter mAdapter = listView.getAdapter(); int totalHeight = 0; for (int i = 0; i < mAdapter.getCount(); i++) { View mView = mAdapter.getView(i, null, listView); mView.measure( MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED), MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED)); totalHeight … Read more