Hi
I've almost got my site ( http://matix.co.uk ) working in Firefox, but the javascript to adjust the height of the divs still isn't working
the javascript:

function height(){
if( typeof( window.innerWidth ) == 'number' )
{ h = window.innerHeight; }
else if( document.documentElement && ( document.documentElement.clientHeight ) )
{ h = document.documentElement.clientHeight; }
 else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) )
{  h = document.body.clientHeight; } 
var e = document.getElementById("content");e.style.height = h -212
}

Thanks very much

why not set the div's height to 100%?

yeah, when I was using tables someone suggested doing that with the middle row ( http://www.webmaster-talk.com/showthread.php?t=11215 ), but I couldn't get it to work and I was told there were cross-browser problems.....

Thanks though, I'll give it a try and see if it works!

Unfortunately when I did that and disabled the javascript it had no effect. Thnkas though for the suggestion.

Try talking to Nucco, he was having some problems with his CSS and solved it using straight CSS and div's as far as I understand. He may have some tips.
http://www.webmaster-talk.com/showthread.php?t=17468

Take a look at my recent project:

http://eggp.ggpsystems.co.uk/eggptest

There's a lot of element-sizing cross-browser javascript in there. Also take a look at

http://eggp.ggpsystems.co.uk/eggptest/scripts/api.js

for some more generic javascript functions which come in handy quite often.

I added

document.write(h);

and it got the right number, so I think that it must be something to do with the

var e =document.getElementById("content");
e.style.height = h -212;

Please help, I just can't figure out why it wont work!

Sorry, I'm not too familliar with Javascript. I only work with HMTL, CSS, and PHP right now. Wish I could help though.

Whoops! The mistake was really simple: e.style.height = h -212+"px";
Thanks for all your help.

Sometimes the easiest errors can evade dectection
lol