Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Chriss Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Browser problem

Status
Not open for further replies.

guytoon

Technical User
Jun 5, 2002
54
GB
Hi Guys! Could any of you take a squint at and suggest what the problem is. It views fine in Mac OSX with IE5 and 6, Opera, Safari and Firefox but on the PC IE 6 there are problems with the layout. It's not as if I have anything complex in there just a few tables with a bit of text in! Any ideas?

guytoon
 
Dear Greg

Many thanks for replying. If you log on to: and click on the gallery link, there is a screenshot of the site viewed in IE6 on a PC. I had a thought. Could it be the PC machines I am viewing the site on are not java enabled?
I tried trashing the nested tables and used a few cells instead but it didn't make any difference. If you view the site OK, is it safe to say it will be OK on most up to date PCs? On a Mac its fine but not everyone has to endure such torture. Thanks for your time!
Best wishes
guytoon
 
It looks just like that on my pc with IE6 - I guess I don't know what it's supposed to look like. [blush]

Greg
"Personally, I am always ready to learn, although I do not always like being taught." - Winston Churchill
 
Cheers Greg
If you've got the time and the patience could you have a look at the page again (woodleytownkestrels.co.uk/gallery as I have posted some more screenshots and how I would like it to look. I can't update the site as yet because it looks bloody awful with the nav bar stuck out on the right of the browser window. The gallery page is supposed to look like the other pages but just with the thumbnail images in a row. I got the code from a site very similar except his works!

Desperate
guytoon

The code id but I am really a designer not a programmer:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Gallery</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<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.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}

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[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args)) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args)) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
nbArr = document[grpName];
if (nbArr)
for (i=0; i < nbArr.length; i++) { img=nbArr; img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args)) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
nbArr[nbArr.length] = img;
} }
}

function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>
<link href="woodley%20fonts.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body bgcolor="#FFFFFF" link="#FFFFFF" vlink="#99CCFF" alink="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('images/home_over.gif','images/teams_over.gif','images/history_down.gif','images/history_over.gif','images/training_over.gif','images/gallery_over.gif','images/noticeboard_down.gif','images/noticeboard_over.gif','images/contacts_over.gif','images/links_down.gif','images/links_over.gif','images/home_down.gif','images/training_down.gif','images/contacts_down.gif','images/teams_down.gif','images/gallery.gif')">
<table width="100%" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><table width="800" height="651" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<!--DWLayoutTable-->
<tr bgcolor="#FFFFFF">
<td height="20" colspan="3" valign="top"> <table width="800" height="20" border="0" align="center" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="800" height="20" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
</tr>
</table></td>
<td width="1"></td>
</tr>
<tr>
<td height="100" colspan="3" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="800" height="100" valign="top"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase=" width="800" height="100">
<param name="movie" value="images/kestrels_mhead.swf">
<param name="quality" value="high">
<param name="BGCOLOR" value="#999999">
<embed src="images/kestrels_mhead.swf" width="800" height="100" quality="high" pluginspage=" type="application/x-shockwave-flash" bgcolor="#999999"></embed></object></td>
</tr>
</table></td>
<td></td>
</tr>
<tr>
<td width="150" height="1"></td>
<td width="500"></td>
<td width="150"></td>
<td></td>
</tr>
<tr>
<td height="20" colspan="3" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="800" height="20" align="center" valign="top" bgcolor="#000000"><table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href="index.html" target="_top" onClick="MM_nbGroup('down','group1','home','images/home_down.gif',1)" onMouseOver="MM_nbGroup('over','home','images/home_over.gif','',1)" onMouseOut="MM_nbGroup('out')"><img src="images/home.gif" alt="home " name="home" border="0" onload=""></a></td>
<td><a href="teams.html" target="_top" onClick="MM_nbGroup('down','group1','teams','images/teams_down.gif',1)" onMouseOver="MM_nbGroup('over','teams','images/teams_over.gif','',1)" onMouseOut="MM_nbGroup('out')"><img src="images/teams.gif" alt="teams" name="teams" border="0" onload=""></a></td>
<td><a href="history.html" target="_top" onClick="MM_nbGroup('down','group1','history','images/history_down.gif',1)" onMouseOver="MM_nbGroup('over','history','images/history_over.gif','',1)" onMouseOut="MM_nbGroup('out')"><img src="images/history.gif" alt="history" name="history" width="100" height="20" border="0" onload=""></a></td>
<td><a href="training.html" target="_top" onClick="MM_nbGroup('down','group1','training','images/training_down.gif',1)" onMouseOver="MM_nbGroup('over','training','images/training_over.gif','',1)" onMouseOut="MM_nbGroup('out')"><img src="images/training.gif" alt="training" name="training" border="0" onload=""></a></td>
<td><a href="gallery.html" target="_top" onClick="MM_nbGroup('down','group1','gallery','images/gallery_down.gif',1)" onMouseOver="MM_nbGroup('over','gallery','images/gallery_over.gif','',1)" onMouseOut="MM_nbGroup('out')"><img src="images/gallery_down.gif" alt="gallery" name="gallery" border="0" onload="MM_nbGroup('init','group1','gallery','images/gallery.gif',1)"></a></td>
<td><a href="noticeboard.html" target="_top" onClick="MM_nbGroup('down','group1','noticeboard','images/noticeboard_down.gif',1)" onMouseOver="MM_nbGroup('over','noticeboard','images/noticeboard_over.gif','',1)" onMouseOut="MM_nbGroup('out')"><img src="images/noticeboard.gif" alt="notice" name="noticeboard" width="100" height="20" border="0" onload=""></a></td>
<td><a href="contacts.html" target="_top" onClick="MM_nbGroup('down','group1','contacts','images/contacts_down.gif',1)" onMouseOver="MM_nbGroup('over','contacts','images/contacts_over.gif','',1)" onMouseOut="MM_nbGroup('out')"><img src="images/contacts.gif" alt="contacts" name="contacts" border="0" onload=""></a></td>
<td><a href="links.html" target="_top" onClick="MM_nbGroup('down','group1','links','images/links_down.gif',1)" onMouseOver="MM_nbGroup('over','links','images/links_over.gif','',1)" onMouseOut="MM_nbGroup('out')"><img src="images/links.gif" alt="links" name="links" width="100" height="20" border="0" onload=""></a></td>
</tr>
</table></td>
</tr>
</table></td>
<td></td>
</tr>
<tr>
<td height="2"></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="1"></td>
<td rowspan="2" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<!--DWLayoutTable-->
<tr>
<td width="15" height="58">&nbsp;</td>
<td width="470" valign="top" class="body2"><span class="heading3"><br>
Woodley Kestrels Gallery</span><br>
Click on the thumbnails for a larger image<br> </td>
<td width="15">&nbsp;</td>
</tr>
<tr>
<td height="324">&nbsp;</td>
<td valign="top"><table width="470" height="324" border="0" cellpadding="5" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="84" height="85" valign="top"><div align="center"><img src="images/DSC00009b.jpg" width="84" height="63" border="0" usemap="#Map" onClick="MM_openBrWindow('images/DSC00009b.jpg','DSC0009','scrollbars=yes,width=577,height=435')"><span class="body2">DSC0009.jpg</span></div></td>
<td width="84" valign="top"><div align="center"><img src="images/DSC00009b.jpg" width="84" height="63" border="0" usemap="#Map2"><span class="body2">DSC0010.jpg</span></div></td>
<td width="84" valign="top"><div align="center"><img src="images/DSC00011b.jpg" width="84" height="63" border="0" usemap="#Map3"><span class="body2">DSC0011.jpg</span></div></td>
<td width="84" valign="top"><div align="center"><img src="images/DSC00012b.jpg" width="84" height="63" border="0" usemap="#Map4"><span class="body2">DSC0012.jpg</span></div></td>
<td width="84" valign="top"><div align="center"><img src="images/DSC00013b.jpg" width="84" height="63" border="0" usemap="#Map5"><span class="body2">DSC0013.jpg</span></div></td>
</tr>
<tr>
<td height="85" valign="top"><div align="center"><img src="images/DSC00014b.jpg" width="84" height="63" border="0" usemap="#Map6"><span class="body2">DSC0014.jpg</span></div></td>
<td valign="top" class="body2"><div align="center"><img src="images/DSC00015b.jpg" width="84" height="63" border="0" usemap="#Map7">DSC0015.jpg</div></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table></td>
<td>&nbsp;</td>
</tr>
</table></td>
<td></td>
<td></td>
</tr>
<tr>
<td rowspan="2" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#999999">
<!--DWLayoutTable-->
<tr>
<td width="150" height="150" valign="top" bgcolor="#999999"><img src="images/kestrels_logo.jpg" width="150" height="150"></td>
</tr>
<tr>
<td height="32" valign="top" class="heading2"><p align="center">Woodley
Town Kestrels FC<br>
Established 2003</p></td>
</tr>
<tr>
<td height="13"></td>
</tr>
<tr>
<td height="30" valign="middle" bgcolor="#000000" class="keyline">
<div align="left" class="heading2">&nbsp;&nbsp;&nbsp;<font face="Verdana, Arial, Helvetica, sans-serif">&raquo;&nbsp;</font>&nbsp;<a href="kestrels.html">Kestrels</a></div></td>
</tr>
<tr>
<td height="1"></td>
</tr>
<tr>
<td height="30" valign="middle" bgcolor="#000000" class="heading2">&nbsp;&nbsp;&nbsp;<font face="Verdana, Arial, Helvetica, sans-serif">&raquo;&nbsp;</font>&nbsp;<a href="kestrelsblues.html">Kestrels
Blues</a> </td>
</tr>
<tr>
<td height="1"></td>
</tr>
<tr>
<td height="30" valign="middle" bgcolor="#000000"><span class="heading2">&nbsp;&nbsp;&nbsp;<font face="Verdana, Arial, Helvetica, sans-serif">&raquo;&nbsp;</font>&nbsp;<a href="kestrelscolts.html">Kestrels
Colts</a> </span></td>
</tr>
<tr>
<td height="1"></td>
</tr>
<tr>
<td height="30" valign="middle" bgcolor="#000000" class="heading2">&nbsp;&nbsp;&nbsp;<font face="Verdana, Arial, Helvetica, sans-serif">&raquo;&nbsp;</font>&nbsp;<a href="kestrelsnavys.html">Kestrels
Navys</a> </td>
</tr>
<tr>
<td height="1"></td>
</tr>
<tr>
<td height="30" valign="middle" bgcolor="#000000"><span class="heading2">&nbsp;&nbsp;&nbsp;<font face="Verdana, Arial, Helvetica, sans-serif">&raquo;&nbsp;</font>&nbsp;<a href="kestrelsstars.html">Kestrels
Stars</a></span></td>
</tr>
<tr>
<td height="1"></td>
</tr>
<tr>
<td height="30" valign="middle" bgcolor="#000000" class="heading2">&nbsp;&nbsp;&nbsp;<font face="Verdana, Arial, Helvetica, sans-serif">&raquo;&nbsp;</font>&nbsp;<a href="kestrelswhites.html">Kestrels
Whites</a></td>
</tr>
<tr>
<td height="50">&nbsp;</td>
</tr>
</table></td>
<td rowspan="2" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#999999">
<!--DWLayoutTable-->
<tr>
<td width="150" height="430">&nbsp;</td>
</tr>
</table></td>
<td height="381"></td>
</tr>
<tr>
<td height="29">&nbsp;</td>
<td></td>
</tr>
<tr>
<td height="77" colspan="3" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<!--DWLayoutTable-->
<tr>
<td width="800" height="18">&nbsp;</td>
</tr>
<tr>
<td height="50" valign="middle" bgcolor="#000000" class="body1">
<div align="center" class="heading2">WoodleyTownKestrels.co.uk<br>
&copy;2005 Woodley Town Kestrels FC | All featured players
have signed model release forms | Site Design: <a href="mailto:guy.dwelly@btinternet.com">Guy
Dwelly</a></div></td>
</tr>
<tr>
<td height="9"></td>
</tr>
<!--DWLayoutTable-->
</table></td>
<td></td>
</tr>
</table></td>
</tr>
</table>
<map name="Map">
<area shape="rect" coords="0,1,84,62" href="#" onClick="MM_openBrWindow('images/DSC00009a.jpg','','width=577,height=435')">
</map>
<map name="Map2">
<area shape="rect" coords="1,0,83,61" href="#" onClick="MM_openBrWindow('images/DSC00010a.jpg','','width=577,height=435')">
</map>
<map name="Map3">
<area shape="rect" coords="0,0,84,62" href="#" onClick="MM_openBrWindow('images/DSC00011a.jpg','','width=577,height=435')">
</map>
<map name="Map4">
<area shape="rect" coords="0,0,84,64" href="#" onClick="MM_openBrWindow('images/DSC00012a.jpg','','width=577,height=435')">
</map>
<map name="Map5">
<area shape="rect" coords="0,0,83,64" href="#" onClick="MM_openBrWindow('images/DSC00013a.jpg','','width=577,height=435')">
</map>
<map name="Map6">
<area shape="rect" coords="1,0,82,63" href="#" onClick="MM_openBrWindow('images/DSC00014a.jpg','','width=577,height=435')">
</map>
<map name="Map7">
<area shape="rect" coords="0,0,82,63" href="#" onClick="MM_openBrWindow('images/DSC00015a.jpg','','width=577,height=435')">
</map>
</body>
</html>
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top