Here is the solution I finally came up with when using a div as a container for a dynamic background. Remove the z-index for non-background uses. Remove left or right for a full height column. Remove top or bottom for a full width row. EDIT 1: CSS below has been edited because it did not … Read more
Here is what you should do in the CSS style, on the main div display: block; overflow: auto; And do not touch height
For the parent: display: flex; You should add some prefixes http://css-tricks.com/using-flexbox/ Edit: Only drawback is IE as usual, IE9 does not support flex. http://caniuse.com/flexbox Edit 2: As @toddsby noted, align items is for parent, and its default value actually is stretch. If you want a different value for child, there is align-self property. Edit 3: … Read more
The height of a block element defaults to the height of the block’s content. So, given something like this: <div id=”outer”> <div id=”inner”> <p>Where is pancakes house?</p> </div> </div> #inner will grow to be tall enough to contain the paragraph and #outer will grow to be tall enough to contain #inner. When you specify the … Read more
My answer on this question might help you: int finalHeight, finalWidth; final ImageView iv = (ImageView)findViewById(R.id.scaled_image); final TextView tv = (TextView)findViewById(R.id.size_label); ViewTreeObserver vto = iv.getViewTreeObserver(); vto.addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() { public boolean onPreDraw() { iv.getViewTreeObserver().removeOnPreDrawListener(this); finalHeight = iv.getMeasuredHeight(); finalWidth = iv.getMeasuredWidth(); tv.setText(“Height: ” + finalHeight + ” Width: ” + finalWidth); return true; } }); You can … Read more
There is a very nice and cool way to make a background image work like an img element so it adjust its height automatically. You need to know the image width and height ratio. Set the height of the container to 0 and set the padding-top as percentage based upon the image ratio. It will … Read more
New way I’ve just stumbled upon: css calc(): .calculated-width { width: -webkit-calc(100% – 100px); width: -moz-calc(100% – 100px); width: calc(100% – 100px); } Source: css width 100% minus 100px
In order for a percentage value to work for height, the parent’s height must be determined. The only exception is the root element <html>, which can be a percentage height. . So, you’ve given all of your elements height, except for the <html>, so what you should do is add this: html { height: 100%; … Read more
You need to force a clear:both before the #main_content div is closed. I would probably move the <br class=”clear” />; into the #main_content div and set the CSS to be: .clear { clear: both; } Update: This question still gets a fair amount of traffic, so I wanted to update the answer with a modern … Read more
Try one of: var h = document.getElementById(‘someDiv’).clientHeight; var h = document.getElementById(‘someDiv’).offsetHeight; var h = document.getElementById(‘someDiv’).scrollHeight; clientHeight includes the height and vertical padding. offsetHeight includes the height, vertical padding, and vertical borders. scrollHeight includes the height of the contained document (would be greater than just height in case of scrolling), vertical padding, and vertical borders.