height=100% do not work

tags:

css
html

views:

47

answers:

1

Q:

height=100% do not work

the code below are all height=100%, it works fine in chrome but it displayes very strange in firefox and ie7!it is not exactly the 100% height.anyone knows? thanks a million.

<iframe src ="demoFramesetLeftFrame.jsp" name="treeframe" id="treeframe" 
        width=200px height=100% frameborder=0>
</iframe>
 <iframe src="middle.html" name="middle" id="middle"
        width=200px height=100% frameborder=0>
</iframe>
<iframe src="test.html" name="basefrm" id="basefrm"
        width=200px height=100% frameborder=0>
</iframe>

+3 A:

You may need a container div, with a min-height property. Writing 100% height in HTML for some reason is one of the hardest things to do.

Here are some tutorials on how 100% height can be achieved

http://www.dave-woods.co.uk/?p=144

http://www.webmasterworld.com/forum83/200.htm

Tom Gullen 2010-08-09 08:33:12

hi tom,thanks for you replay!but i tried everything i could but it still not work.1. i add a parent container its css code is below#container { min-height: 100%; border:0; padding:0; margin:0; }2. change the body heighthtml, body { height: 100%;}3. make all the frame position absoulte#treeframe{ position: absoulte; height: 100%; width:30%}#middle{ position: absoulte; height: 100%; width:60%}#basefrm{ position: absoulte; height: 100%; width:10%}but it still not work! i am very confused.

huangli 2010-08-10 13:06:21

it seems tag framset is ok.

huangli 2010-08-12 01:25:18

ansaurus

tags:

views:

answers:

height=100% do not work

related questions