troubleshooting Question

Overcome firefox does not support height=100 % question

Avatar of KNVB HK
KNVB HKFlag for Hong Kong asked on
2 Comments1 Solution395 ViewsLast Modified:
When you execute the following code,
It work fine, however, it is because I need to make the layer resizable,
it is impossible for hard code the "height" value.
However,when I change the "height" attribute value to "100%",and click the button several times, the table size will be extend in firefox. In IE it does not extend the table size even I add a lot text in the layer.
Can you any one tell me how to fix the problem?
I am using YUI framework to make it resizable.
I am trying to capture the endresize event, however, there are no sample code, I don't know how to do so.
	<input type=button onclick="doIt()" value="add item">
	<div style="height:275">
	<table border=1 style="height:100%">
		<tr height="5%"> 
				<div id="msg" style="width:100%;height:95;border:1px solid rgb(179, 179, 179);overflow:auto">
	<script language=javascript>
		function doIt()
			var msg=document.getElementById("msg");

Our community of experts have been thoroughly vetted for their expertise and industry experience.

Join our community to see this answer!
Unlock 1 Answer and 2 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 2 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros