1
Hi.
I am developing 3 column based theme using CSS. I have a javascript in my theme.html which adjusts the height of the layout inorder to make the footer visible only at the bottom.
Here is the particular Javascript :
<script type="text/javascript" src="<{$xoops_url}>/themes/mytheme/x.js"></script>
<script type="text/javascript">
function adjustLayout()
{
// Get natural heights
var cHeight = xHeight("content");
var lHeight = xHeight("leftside");
var rHeight = xHeight("rightside");
// Find the maximum height
var maxHeight =
Math.max(cHeight, Math.max(lHeight, rHeight));
// Assign maximum height to all columns
xHeight("content", maxHeight);
xHeight("left", maxHeight);
xHeight("right", maxHeight);
// Show the footer
xShow("footer");
}
window.onload = function()
{
xAddEventListener(window, "resize",
adjustLayout, false);
adjustLayout();
}
</script>
However everything works fine except when it comes to viewing Newbb module in IE. The drop down CSS menus in Newbb fails to show up in IE.
I have figured out that this problem in IE is caused by the javascript that I am using to adjust the layout. When I remove this script from the theme.html, the drop down menus in Newbb2 does appear.
But I definitely would need that javascript to be included in the theme file for all the other modules. I would like to see if there is a way I can come around with this problem.
Perhaps with a PHP or a Javascript code that can disable this particular script when Newbb2 loads?
Would be great if someone can show me a way to get around with this.
Download Dhivehi mp3s
[size=x-small]www.gnatoll.com[/size]