2022 UPDATE. This answer is nearly 10 years old. When it was written we didn’t have layout technologies like Flex or Grid available (they were dark, hacky/fun times). Thankfully things have massively improved. Jöcker’s answer shows you how to achieve this layout with Grid. If you can live with not supporting legacy browsers, do that … Read more
Expanding the #down child to fill the remaining space of #container can be accomplished in various ways depending on the browser support you wish to achieve and whether or not #up has a defined height. Samples .container { width: 100px; height: 300px; border: 1px solid red; float: left; } .up { background: green; } .down … 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)
You can set height and width like this: myGraphView.setLayoutParams(new LayoutParams(width, height));
Use the .scrollHeight property of the DOM node: $(‘#your_div’)[0].scrollHeight
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
It seems that the width and height attributes determine the width or height of the canvas’s coordinate system, whereas the CSS properties just determine the size of the box in which it will be shown. This is explained in the HTML specification: The canvas element has two attributes to control the size of the element’s … Read more
If you only define one dimension on an image the image aspect ratio will always be preserved. Is the issue that the image is bigger/taller than you prefer? You could put it inside a DIV that is set to the maximum height/width that you want for the image, and then set overflow:hidden. That would crop … Read more
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
In CSS3 you could use height: calc(100% – 60px);