I am trying to set a div to a certain percentage height in CSS Percentage of what? To set a percentage height, its parent element(*) must have an explicit height. This is fairly self-evident, in that if you leave height as auto, the block will take the height of its content… but if the content … Read more
Presumably the EditText and the Button are inside a RelativeLayout. Set the button’s layout attributes to alignTop and alignBottom of the EditText.
You should be able to do this if you add in a div (#header below) to wrap your contents of 1. If you float #header, the content from #someid will be forced to flow around it. Next, you set #header‘s width to 100%. This will make it expand to fill the width of the containing … Read more
The key is the childAspectRatio. This value is use to determine the layout in GridView. In order to get the desired aspect you have to set it to the (itemWidth / itemHeight). The solution would be this: class MyHomePage extends StatefulWidget { MyHomePage({Key key, this.title}) : super(key: key); final String title; @override _MyHomePageState createState() => … Read more
Width is easy: canvas’s context has a built in metric for measuring text width. // this will measure text width context.font=”14pt Verdana”; var m=context.measureText(yourText); var theWidth=m.width; Height is more difficult because measureText doesn’t compute height. You can often use the font size to approximate the height–that’s what I do. But if you really need more … 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
You also need to do that in resize event, try this: $(document).ready(function() { $(window).resize(function() { var bodyheight = $(this).height(); $(“#sidebar”).height(bodyheight); }).resize(); });
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
Give it a display:inline-block in CSS – that should let it do what you want. In terms of compatibility: IE6/7 will work with this, as quirks mode suggests: IE 6/7 accepts the value only on elements with a natural display: inline.
scrollHeight is a property of a DOM object, not a function: Height of the scroll view of an element; it includes the element padding but not its margin. Given this: <div id=”x” style=”height: 100px; overflow: hidden;”> <div style=”height: 200px;”> pancakes </div> </div> This yields 200: $(‘#x’)[0].scrollHeight For example: http://jsfiddle.net/ambiguous/u69kQ/2/ (run with the JavaScript console open).