CSS height=100% in Mozilla

[dirkg]

Hi all,

I'm trying to have my application compatible with other browsers than IE, starting with Mozilla but I'm not getting it. I've looked through the forums but I did not find the solution. Therefore I was wondering whether somebody could have a look at the following page:

http://helpdesk.dixys.com/Alumni/bodyframeset.html

and help me to make it show decently in Mozilla, this means that the content (iframe) should show over the complete height of the page.

Thanks a lot in advance!

Kind regards,

Dirk

 

[Vragabond]

What exactly is your problem? Your page is wider and longer than my screen at 1284x1024 resolution. So either you're programming for extremely huge screens or your height problem is not that severe.

Bad news is, 100% height is equal to auto (meaning as high as the contents) unless you specify a fixed height for the container. If you really want 100% height without knowing the height of the parent upfront, you will need to use JavaScript. There have been numerous solutions mentioned here. Just search.

 

[dirkg]

The problem is that on mozilla only something like the top 100px are used for the iframe instead of the whole screen like in IE. So you get a large white area on the bottom of the page that is not used

 

[dirkg]

found it: the problem was the <form></form> tag which was placed around the table