well here's the source from theme.html
Well I can see the problem on screen, but I dunno how to actually solve it.. the main problem i am having is the header is overlayed and designed for 800x600 resolution, so i had to add an extra piece to the right hand side..
also same prob with the banner section to an extent altho that is easier to fix..
what i actually want is it all to fit on the screen perfectly.. 800x600 resolution and to automatically expand if viewed on larger resolutions, i'm sure it's to do with the width="100%" command, but i'm not sure on the colspan etc.. i don't want it so that users have to scroll horizontally to view the right hand side..
-----------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<{$xoops_langcode}>"
lang="<{$xoops_langcode}>">
<head>
<meta http-equiv="content-type" content="text/html; charset=<{$xoops_charset}>" />
<meta http-equiv="content-language" content="<{$xoops_langcode}>" />
<meta name="robots" content="<{$xoops_meta_robots}>" />
<meta name="keywords" content="<{$xoops_meta_keywords}>" />
<meta name="description" content="<{$xoops_meta_description}>" />
<meta name="rating" content="<{$xoops_meta_rating}>" />
<meta name="author" content="www.iaols.com" />
<meta name="copyright" content="<{$xoops_meta_copyright}>" />
<meta name="generator" content="XOOPS" />
<title><{$xoops_sitename}> - <{$xoops_pagetitle}></title>
<link href="<{$xoops_url}>/favicon.ico" rel="SHORTCUT ICON" />
<link rel="stylesheet" type="text/css" media="all" href="<{$xoops_url}>/xoops.css" />
<link rel="stylesheet" type="text/css" media="all" href="<{$xoops_themecss}>" />
<!-- RMV: added module header -->
<{$xoops_module_header}>
<script type="text/javascript">
<!--
<{$xoops_js}>
//-->
</script>
<script language="JavaScript" type="text/JavaScript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onLoad="MM_preloadImages('<{$xoops_imageurl}>butt_link_1.gif')">
<tr id="header">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<!--DWLayoutTable-->
<tr>
<td height="8" colspan="25" valign="top"><img src="<{$xoops_imageurl}>MAINHEADER_r1_c1.jpg"
width="100%" height="8"></td>
</tr>
<td height="78" width="17" valign="top"><img src="<{$xoops_imageurl}>MAINHEADER_r2_c1.jpg"
width="17" height="78"></td>
<td colspan="3" valign="top"><object classid="clsid

27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"
width="132" height="78">
<param name="movie" value="<{$xoops_imageurl}>topright.swf">
<param name="quality" value="high">
<embed src="<{$xoops_imageurl}>topright.swf" quality="high"
pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"
width="132" height="78"></embed></object></td>
<td colspan="14" valign="top"><img src="<{$xoops_imageurl}>MAINHEADER_r2_c4.jpg" width="620"
height="78"></td>
<td width="100%" valign="top" background="<{$xoops_imageurl}>header_right.jpg" width="100%"
align="center" height="78"><br><br>Today is: <br>
<script type="text/javascript">
<!-- // Array ofmonth Names
var monthNames = new Array(
"January","February","March","April","May","June","July","August","September","October","November","December"
);
var now = new Date();
thisYear = now.getYear();
if(thisYear < 1900) {thisYear += 1900}; // corrections if Y2K display problem
document.write(monthNames[now.getMonth()] + " " + now.getDate() + ", " + thisYear);
// --></script></td>
<td width="27" valign="top"><img src="<{$xoops_imageurl}>header_right.jpg" width="27" height="78"></td>
</tr>
</table>
<! --------------------------- buttons -------------------------------- >
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<td width="100%" valign="top"><img src="<{$xoops_imageurl}>table_head_bg_merge_r1_c2.jpg"
width="100%" height="18"></td>
<td width="14" valign="top"><img src="<{$xoops_imageurl}>table_head_bg_merge_r1_c1.jpg" width="14"
height="18"></td>
<td width="93" valign="top"><a href="http://clubithard.mail.everyone.net/"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('E-Mail','','<{$xoops_imageurl}>butt_link_1.gif',1)"><img
src="<{$xoops_imageurl}>table_head_bg_merge_r1_c2.jpg" width="93" height="18" alt="E-Mail" border="0"
name="E-Mail"></a></td>
<td width="14" valign="top"><img src="<{$xoops_imageurl}>table_head_bg_merge_r1_c1.jpg" width="14"
height="18"></td>
<td width="93" valign="top"><a href="<{$xoops_url}>/" onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Home','','<{$xoops_imageurl}>butt_link_1.gif',1)"><img
src="<{$xoops_imageurl}>table_head_bg_merge_r1_c2.jpg" alt="Homel" name="Home" width="93" height="18"
border="0"></a></td>
<td width="14" rowspan="2" valign="top"><img src="<{$xoops_imageurl}>table_head_bg_merge_r1_c1.jpg"
width="14" height="18"></td>
<td width="93" valign="top"><a href="<{$xoops_url}>/modules/news/"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('News','','<{$xoops_imageurl}>butt_link_1.gif',1)"><img
src="<{$xoops_imageurl}>table_head_bg_merge_r1_c2.jpg" alt="News" name="News" width="93" height="18"
border="0" id="Image71"></a></td>
<td width="14" valign="top"><img src="<{$xoops_imageurl}>table_head_bg_merge_r1_c1.jpg" width="14"
height="18"></td>
<td width="93" valign="top"><a href="<{$xoops_url}>/modules/ipboard/"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Forum','','<{$xoops_imageurl}>butt_link_1.gif',1)"><img
src="<{$xoops_imageurl}>table_head_bg_merge_r1_c2.jpg" alt="Forum" name="Forum" width="93"
height="18" border="0" id="Image72"></a></td>
<td width="14" valign="top"><img src="<{$xoops_imageurl}>table_head_bg_merge_r1_c1.jpg" width="14"
height="18"></td>
<td width="93" valign="top"><a href="<{$xoops_url}>/modules/4images/"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Gallery','','<{$xoops_imageurl}>butt_link_1.gif',1)"><img
src="<{$xoops_imageurl}>table_head_bg_merge_r1_c2.jpg" alt="Gallery" name="Gallery" width="93"
height="18" border="0" id="Image73"></a></td>
<td width="14" valign="top"><img src="<{$xoops_imageurl}>table_head_bg_merge_r1_c1.jpg" width="14"
height="18"></td>
<td width="93" valign="top"><a href="<{$xoops_url}>/modules/mylinks/"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Links','','<{$xoops_imageurl}>butt_link_1.gif',1)"><img
src="<{$xoops_imageurl}>table_head_bg_merge_r1_c2.jpg" alt="Links" name="Links" width="93" height="18"
border="0" id="Image74"></a></td>
<td width="14" valign="top"><img src="<{$xoops_imageurl}>table_head_bg_merge_r1_c1.jpg" width="14"
height="18"></td>
<td width="115" valign="top"><img src="<{$xoops_imageurl}>table_head_bg_merge_r1_c2.jpg" width="115"
height="18"></td>
<td width="49" valign="top"><img src="<{$xoops_imageurl}>table_head_bg_merge_r1_c3.jpg" width="49"
height="18"></td>
</tr>
</table>
<! ------------------------------Banner----------------------------->
<table border="0" width="100%" cellspacing="0" height="70" cellpadding="0">
<tr>
<td width="26"><img src="<{$xoops_imageurl}>bannertotal_left1.jpg" width="26" height="70"></td>
<td width="240" background="<{$xoops_imageurl}>bannertotal_left.jpg"><center><img
src="<{$xoops_imageurl}>bannertotal_left.jpg" width="240"></td>
<td id="headerbanner" width="100%" background="<{$xoops_imageurl}>bannercenterbg.gif"
align="center"><{$xoops_banner}></td>
<td width="240" background="<{$xoops_imageurl}>bannertotal_right.jpg"><center><img
src="<{$xoops_imageurl}>bannertotal_right.jpg" width="240"></td>
<td width="26"><img src="<{$xoops_imageurl}>bannertotal_right1.jpg" width="26" height="70"></td>
</tr>
</table>
<table border="0" width="100%" cellspacing="0" height="23" cellpadding="0">
<tr>
<td width="100%"><img src="<{$xoops_imageurl}>tiler2.jpg" width="100%" height="23"></td>
</tr>
</table>
<table cellspacing="0">
<tr>
<td id="leftcolumn">
<!-- Start left blocks loop -->
<{foreach item=block from=$xoops_lblocks}>
<{include file="iaolsICE/theme_blockleft.html"}>
<{/foreach}>
<!-- End left blocks loop -->
</td>
<td id="centercolumn">
<!-- Display center blocks if any -->
<{if $xoops_showcblock == 1}>
<table cellspacing="0">
<tr>
<td id="centerCcolumn" colspan="2">
<!-- Start center-center blocks loop -->
<{foreach item=block from=$xoops_ccblocks}>
<{include file="iaolsICE/theme_blockcenter_c.html"}>
<{/foreach}>
<!-- End center-center blocks loop -->
</td>
</tr>
<tr>
<td id="centerLcolumn">
<!-- Start center-left blocks loop -->
<{foreach item=block from=$xoops_clblocks}>
<{include file="iaolsICE/theme_blockcenter_l.html"}>
<{/foreach}>
<!-- End center-left blocks loop -->
</td><td id="centerRcolumn">
<!-- Start center-right blocks loop -->
<{foreach item=block from=$xoops_crblocks}>
<{include file="iaolsICE/theme_blockcenter_r.html"}>
<{/foreach}>
<!-- End center-right blocks loop -->
</td>
</tr>
</table>
<{/if}>
<!-- End display center blocks -->
<div id="content">
<{$xoops_contents}>
</div>
</td>
<{if $xoops_showrblock == 1}>
<td id="rightcolumn">
<!-- Start right blocks loop -->
<{foreach item=block from=$xoops_rblocks}>
<{include file="iaolsICE/theme_blockright.html"}>
<{/foreach}>
<!-- End right blocks loop -->
</td>
<{/if}>
</tr>
</table>
<table cellspacing="0">
<tr id="footerbar">
<td><p>
<a href="http://www.clubithard.com/main/"><font color="#33C
C33">©Copyright 2003 Clubithard.com</a></p>
</td>
</tr>
</table>
</body>
</html>