Hello,
I am new to DotNetNuke but enjoying learning about it very much. I have read through some of the threads here and this seems like a great forum to get help.
I am having problem with a skin, or perhaps a setting somewhere I am unaware of.
You can see it at at my personal domain at:
http://www.mattbusse.com/dnn
My problem is that I would like the inside lighter blue area to be 100% the height of the browser window, even if the content does not fill up that much space. Currently my skin consists of a table, height 100% (set both in the table tag and CSS), containing a number of div elements (the panes, etc.).
In IE 7, the skin looks perfect with regards to this height.
In Firefox 3, however, the page is always slightly longer than the height of the window, causing a scrollbar to appear. Plus, there is a small gap underneath the lighter blue area.
Using Firebug, it appears that the gap is not inside any DIV or even my master table container but rather is caused by the main form element of the page.
Making things even more confusing: The gap does not appear in Firefox when reading an article that is on that site (the Facebook article you can find under the Home menu), and it shrinks to a very thin sliver when the browser window is very short (say, 100 or 200 pixels of viewable height).
How can I get the page to look in Firefox as it looks in IE? What is causing this gap?
Thank you in advance very very much for your help. I have tried many different techniques here - using no tables, using only tables, changing margins, padding & other CSS elements, etc. and am still stumped.
-Matt Busse