CSS height=100% for Textarea isn't working in IE6/IE7?

Set the containing element's height to 100%. IE6/7 sets the height based on the parent's height.

Up vote 1 down vote favorite share g+ share fb share tw.

My code: Demo A B It works well in Chrome, Firefox, IE8/IE9, but it doesn't work in IE6/IE7. In IE6/IE7: In Firefox: Who can help me? Thanks!

Css ie6-ie7-bug link|improve this question edited Jan 12 at 5:22nikc. Org4,908520 asked Jan 12 at 4:56artwl37818 100% accept rate.

FYI ie6 is way too old, may be obsolete, and user's using ie7 is also very minor so giving support for them is not a best idea. – Harry Joy Jan 12 at 5:02 You can refer this URL for IE style virtuosimedia.com/dev/css/… – Murtaza Jan 12 at 5:04 1 but in china,a large amount of users use ie6 – artwl Jan 12 at 5:05 1 China and South Korea have the world's biggest user bases for IE6. In China the reason is software piracy (OS with included browser), in SK it's legacy software for identifying yourself on the internet.

Wake up @HarryJoy, it's not cool to ignore your target audience. If your audience uses IE6, you'd better code for IE6. – URL2 Jan 12 at 5:20 @nikc.org: OOPS!

Seems like I should search the net before commenting. ;p – Harry Joy Jan 12 at 5:30.

Thanks your answer,but it does't work – artwl Jan 12 at 5:03.

This is a solution works in IE7/8, but not IE6 (I just put CSS here). Actually, for IE6, the you cannot use "height:100%". The bug can be found here: Textarea 100% height in IE body { background: none repeat scroll 0 0 #EFEFEF; overflow: hidden; position: relative; margin: 0px; padding: 10px; } div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } #content{ height:200px; position:relative; } fieldset,textarea{ border: 0 none; } #LeftPanel { width: 48%; float: left; height:100%; position:relative; } .

Window { position:relative; border: 1px solid #ADADAD; width: 100%; float: left; } . Top { height: 25%; } . Bottom { height: 75%; } .

Code{ width:100%; height: 100%; }.

Thanks your answer,but it don't work I found it ,when I add cols and rows property to Textarea,it work fine – artwl Jan 12 at 5:31 The problem occur, because for any browser, it is necessary for child elements to find its parent to determine its size and location. So, adding "position:relative" to its parent will solve the problem. But for IE6, since textarea contains bugs, there could be no solution to solve the problem.

– Davidsun Jan 12 at 5:40.

I found it ,when I add cols and rows property to Textarea,it work fine: Demo A B.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.