Height value issues

[iMatt]

im currently coding my own website, http://www.angelfire.com/ma4/mtg0/Site/index.html, and my problem is with the main, middle <div> tag. i'm using an iframe in it because i don't wish to manually change the left/right windows on every page, so this way i can change just the one page, pretty simple right? well i'm having trouble with trying to size the iframe/<div> using the Content element. basically, even though i've put both heights to 100%, it's choosing a height that is smaller than it should be at 100%, it cuts off my content in the window. i've tried giving the file displayed in the iframe tag a static height, say 400px, but the 100% heights for the parenting tags don't respond, probably because i' displaying the entire file, and not just the text of that file. can anyone give any input to why it might be doing this? only way i can get the height of the window to change is to change the height in the #Content element in my .css, is to change it to a static height using ##px.

this may be confusing, just ask about a certain thing and i'll explain it as best i can.

also, i'd like for my gallery to work correctly in firefox, is there a way to do this without falling back to tables?

[Costin Trifan]

they say that if you want to have elements with 100% height in your web page you should add this to your body in the css:

body {
...other styles

height: 100%;

...other styles
}

Then you can set the height of your iframe container (the div) to 100% and if the iframe has already its height set to 100% then the iframe should fill all the space from top to the bottom of the page.

I personally never tried that, so I don't know if it really works, but you can try it.

I've seen an example with a page having this and it worked but I haven't seen all the rest of the css, so...

Please let us know if it worked for you!

[Taltos]

Costin has most of it and maybe all of it. 100% height only works if EVERY parent element also has "height: 100%". That means that if you div containing the iframe is wrapped or contained by 4 other levels of elements, then they all need the "height: 100%" also. Good luck.