Problem With My Website Internet Explorer

odomike

Aug 18 2007, 05:15 PM

I am currently redesigning my website like I mentioned in a previous post (where I complained about images not displaying properly and which I have fixed). I have made quite a lot of changes in this new design startting from using percent to denote the width of the pages (used pixels previously. I dont like this though as it limits the size of the webpage to a specific pixel count on the screen. I prefer this since the web browser auto adjusts the size of the web pages based on the screen horizontal resolution) to changing a whole lotta things ( redesigned lots of the Images and also added rollovers and thinking of using DHTML scrollers too.)

Well, my problem here is the fact that Internet Explorer 7 which I am using in my Windows Vista Ultimate, Windows XP professional and Windows Web Server 2008 aint displaying the web page properly. I have tested them on Opera, Mozilla Firefox and Netscape Navigator 9 and everything worked just fine.

I noticed that Internet Explorer isnt displaying or rather is distorting some of the tables in the web pages and apart from that, it isn't obeying the percent (%) I used to denote the width of the web pages. The page will always overlap more than width of the screen while this is not suposed to be so.

Please help me have a close look at the web pages on Internet Explorer, Opera, Firefox and netscape navigator and see if there is something I am omitting in there.

If you know any code that I can insert in Internet Explorer to control its behaviour (someone told me there is a code or something I can insert in Internet Explorer's head section to control the way it is distorting the tables and also make it respect the page width in %), I would be glad if you can paste it here. This thing is really giving a whole lota headache.

Thanks in advance for your anticipated help.

Anxiously waiting...

truefusion

Aug 18 2007, 05:25 PM

It would be a whole lot easier if we could view the source code. But do you have any cellpadding and or cellspacing defined for the table(s) or any padding whatsoever? What are in the table cells and do they have any padding or margin themselves? What exactly are you trying to pull off as a whole with what you currently have? I am ignorant of this other topic you have posted, but if it has a preview of what you currently have, such would be helpful.

jlhaslip

Aug 18 2007, 06:08 PM

Are you having problems with the site at http://symcom-ng.uni.cc/ which is the domain you requested to be used on your Hosted account here at the Trap17? I have used FF2, IE6 and IE7 to view that page and see no difference between them. Unless you have a different page that you could share the link for? or the code?
Serving different CSS to Internet Explorer pages is done using search:IE Conditionals. If you need a sample or need more information, post back here or send a PM and I can post a sample of code I use.

odomike

Aug 18 2007, 06:09 PM

My bad, i forgot to put my link in there.
View it here: SymCom WebDesigns.

Below is the source code. it is quite a very long code. pardon me pastin it here. I havent even finished the page yet and the code is this long.

CODE

<!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">
<head>
<title>Professional and affordable website design services by SymCom Services - Nig.</title>
	<meta name="keywords" content="professional website design, affordable website designs, affordable web designs, corporate website design, business website design, ecommerce website design, website development, ecommerce web design services, business web design services, website designing, web designing and development, symcom services - nig."/>
	<meta name="description" content="Professional and affordable website design services by SymCom Services - Nig. We provide services such as website designing and development, website database development, website promotion and search engine optimization."/>
	<meta name="robots" content="all"/>
	<meta name="revisit_after" content="2 days"/>
	<meta name="author" content="SymCom Services - Nig."/>
	<meta name="copyright" content="SymCom Services - Nig."/>
	<meta name="language" content="english"/>
	<meta name="coverage" content="Worldwide"/>
	<meta name="country" content="Nigeria"/>
	<meta name="identifier" content="SymCom Services - Nig."/>
	<meta name="creator" content="SymCom Services - Nig."/>
	<meta name="distribution" content="World Wide Web"/>
	<meta name="clientbase" content="Global"/>
	<meta name="resource_type" content="document"/>
	<meta name="location" content="W.W.W."/>
	<meta name="page_topic" content="Professional website design services by SymCom Services - Nig :: HOME"/>
	<meta name="rating" content="GENERAL"/>
	<meta name="audience" content="all"/>
	<meta http-equiv="active" content="always"/>
	<meta http-equiv="Expires" content="never"/>
	<meta http-equiv="Language" content="en-us" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
<!--
body,td,th {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
}
a:link {
	color: #0066CC;
}
a:visited {
	color: #993300;
}
a:hover {
	color: #006699;
}
a:active {
	color: #3399CC;
}
.style1 {
	font-size: 12px
}
.style2 {font-size: 14px}
.style3 {
	color: #FFFFFF;
	font-weight: bold;
}
.style5 {font-size: 12px; font-weight: bold; }
-->
	</style>
<script 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>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>

	<body onload="MM_preloadImages('images/home_01.jpg','images/about_us_01.jpg','images/solutions_01.jpg','images/portfolio_01.jpg','images/forums_01.jpg','images/woman01.jpg','images/woman02.jpg','images/contact_us_01.jpg','images/services_01.jpg','images/starter.jpg','images/business.jpg','images/advanced.jpg','images/gold.jpg','images/index1.jpg','images/hr01_latestnews.jpg','images/hr01_whatsnew.jpg','images/hr01_specialoffer.jpg','images/hr01_testimonials.jpg','images/woman03.jpg','images/left01.jpg','images/b_buy.gif','images/b_more.gif')">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
	<td width="17" background="images/bg_left.gif"></td>
	<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
	  <tr>
		<td width="25%" height="55" background="images/fon02.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
		  <tr>
			<td width="100%" height="55">
			<a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('','','images/woman01.jpg',1)" title="Welcome to SymCom Services - Nig." href="index.html"><img src="images/woman01.jpg" alt="Welcome to SymCom Services - Nig." name="SymComtop01" width="254" height="55" border="0" id="SymCom01" /></a></td>
		  </tr>
		</table></td>
		<td width="25%" background="images/fon02.gif"><div align="right"><img src="images/white_line2.gif" alt="white line" width="1" height="55" longdesc="http://www.symcom-ng.uni.cc/images/white_line2.gif" /></div></td>
		<td width="25%" height="55" background="images/fon03.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
		  <tr>
			<td width="100%" height="55"><span class="style3"></span></td>
		  </tr>
		</table></td>
		<td width="25%" height="55" background="images/fon03.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
		  <tr>
			<td width="100%" height="55"><img src="images/symcom_top.jpg" alt="Welcome to SymCom Services, the home of professional webmasters." width="100%" height="55" longdesc="http://www.symcom-ng.uni.cc/images/symcom_top.jg" /></td>
		  </tr>
		</table></td>
	  </tr>
	  <tr>
		<td colspan="4"><table width="100%" border="0" cellspacing="0" cellpadding="0">
		  <tr>
			<td width="100%" height="26" background="images/fon04.gif">
			<a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Welcome to SymCom Services - Nig','','images/woman02.jpg',1)" title="Welcome to SymCom Services - Nig." href="index.html"><img src="images/woman02.jpg" alt="Welcome to SymCom Services - Nig." name="SymComtop02" width="253" height="26" border="0" id="SymCom" /></a></td>
		  </tr>
		</table></td>
	  </tr>
	  <tr>
		<td colspan="4"><table width="100%" border="0" cellspacing="0" cellpadding="0">
		  <tr>
			<td width="260" height="141">
			<a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('woman03','','images/woman03.jpg',1)" title="Welcome to SymCom Services - Nig." href="index.html"><img src="images/woman03.jpg" alt="Welcome to SymCom Services - Nig." name="woman03" width="260" height="141" border="0" id="woman03" /></a></td>
			<td width="714"><table width="100%" border="0" cellspacing="0" cellpadding="0">
			  <tr>
				<td width="100%" height="141">&nbsp;</td>
			  </tr>
			</table></td>
		  </tr>
		</table></td>
	  </tr>
	  <tr>
		<td colspan="4"><table width="100%" border="0" cellspacing="0" cellpadding="0">
		  <tr>
			<td width="100%" height="35" background="images/fon_menu.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
			  <tr>
				<td width="11%" height="35">
				<a target="_self" onmouseover="MM_swapImage('HOME','','images/home_01.jpg',1)" onmouseout="MM_swapImgRestore()" title="Home" href="index.html"><img src="images/home.jpg" alt="HOME" name="HOME" width="100%" height="35" border="0" lowsrc="images/home_01.jpg" id="HOME" /></a></td>
				<td width="11%" height="35">
				<a target="_self" onmouseover="MM_swapImage('company','','images/about_us_01.jpg',1)" onmouseout="MM_swapImgRestore()" title="About SymCom Services - Nig." href="info/index.html"><img src="images/about_us.jpg" alt="About Us" name="company" width="100%" height="35" border="0" lowsrc="images/about_us_01.jpg" id="company" /></a></td>
				<td width="11%" height="35">
				<a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('services','','images/services_01.jpg',1)" title="Our professional website design services." href="services/index.html"><img src="images/services.jpg" alt="Services" name="services" width="100%" height="35" border="0" id="services" /></a></td>
				<td width="11%" height="35">
				<a target="_self" onmouseover="MM_swapImage('Solutions','','images/solutions_01.jpg',1)" onmouseout="MM_swapImgRestore()" title="Our website solutions for the small businesses." href="services/web/solutions/index.html"><img src="images/solutions.jpg" alt="Solutions" name="Solutions" width="100%" height="35" border="0" lowsrc="images/solutions_01.jpg" id="Solutions" /></a></td>
				<td width="11%" height="35">
				<a target="_self" onmouseover="MM_swapImage('Portfolio','','images/portfolio_01.jpg',1)" onmouseout="MM_swapImgRestore()" title="Our website portfolio." href="info/portfolio.html"><img src="images/portfolio.jpg" alt="Portfolio" name="Portfolio" width="100%" height="35" border="0" lowsrc="images/portfolio_01.jpg" id="Portfolio" /></a></td>
				<td width="11%" height="35">
				<a target="_blank" onmouseover="MM_swapImage('Forums','','images/forums_01.jpg',1)" onmouseout="MM_swapImgRestore()" title="Webmaster and customer support forums." href="forums.php"><img src="images/forums.jpg" alt="Webmaster Support Forums" name="Forums" width="100%" height="35" border="0" lowsrc="images/forums_01.jpg" id="Forums" /></a></td>
				<td width="11%" height="35">
				<a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contactus','','images/contact_us_01.jpg',1)" title="Talk to us." href="help/index.html"><img src="images/contact_us.jpg" alt="Contact Us" name="contactus" width="130" height="35" border="0" id="contactus" /></a></td>
				<td width="23" height="35" background="images/fon_menu.gif">&nbsp;</td>
			  </tr>
			</table></td>
		  </tr>
		</table></td>
	  </tr>
	  <tr>
		<td colspan="4"><table width="100%" border="0" cellspacing="0" cellpadding="0">
		  <tr>
			<td width="22%" height="1485" bgcolor="#D3D5D7"><table width="100%" height="1486" border="0" cellspacing="0" cellpadding="0">
			  <tr>
				<td width="100%"><table width="100%" border="0" cellspacing="0" cellpadding="0">
				  <tr>
					<td width="100%">
					<a target="_self" onmouseover="MM_swapImage('latestnews','','images/hr01_latestnews.jpg',1)" onmouseout="MM_swapImgRestore()" title="Latest news and press releases." href="info/news.html"><img src="images/hr01_latestnews.jpg" alt="Latest news and press releases." name="latestnews" width="100%" height="28" border="0" id="latestnews" /></a></td>
				  </tr>
				  <tr>
					<td><p><img src="images/e_punct_b.gif" alt="dot" width="5" height="5" longdesc="http://www.symcom-ng.uni.cc/images/e_punct_b.gif" /> <strong>June 04, 2007</strong></p>
					  <p class="style1">SymCom Services - Nig. is about to start the designing of the website for Society Advancement Services, Imo State, Nigeria.</p>
					  <p align="right" class="style1"><a href="info/news.html"><strong>Read more...</strong></a></p></td>
				  </tr>
				</table></td>
			  </tr>
			  <tr>
				<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
				  <tr>
					<td width="100%">
					<a target="_self" onmouseover="MM_swapImage('whatsnew','','images/hr01_whatsnew.jpg',1)" onmouseout="MM_swapImgRestore()" title="What's new at SymCom Services?" href="services/info/whatsnew.html"><img src="images/hr01_whatsnew.jpg" alt="What's new at SymCom Services?" name="whatsnew" width="100%" height="28" border="0" id="whatsnew" /></a></td>
				  </tr>
				  <tr>
					<td><p><img src="images/e_punct_b.gif" alt="dot" width="5" height="5" longdesc="http://www.symcom-ng.uni.cc/images/e_punct_b.gif" /> <strong>June 04, 2006</strong></p>
					  <p><span class="style1">The inclusion of our Webmaster Support Forums as a means of providing free and professional support to webmasters, potential webmasters and clients.							  </span> </p>
					  <p align="right" class="style1"><a href="services/info/whatsnew.html"><strong>Read more...</strong></a></p></td>
				  </tr>
				</table></td>
			  </tr>
			  <tr>
				<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
				  <tr>
					<td width="100%" height="28">
					<a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('specialoffer','','images/hr01_specialoffer.jpg',1)" title="Special Offers!!!" href="special/1/special_offer.html"><img src="images/hr01_specialoffer.jpg" alt="Special Offers" name="specialoffer" width="100%" height="28" border="0" id="specialoffer" /></a></td>
				  </tr>
				</table></td>
			  </tr>
			  <tr>
				<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
				  <tr>
					<td width="100%"><img src="images/e_punct_b.gif" alt="dot" width="5" height="5" longdesc="http://www.symcom-ng.uni.cc/images/e_punct_b.gif" /> <span class="style1">Order a 20+ pages website and receive an extra 2 fully designed web pages and space for 8 images.							  </span>					  <p align="right" class="style1"> <a href="special/1/special_offer.html"><strong>Read more...</strong></a></p></td>
				  </tr>
				</table></td>
			  </tr>
			  <tr>
				<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
				  <tr>
					<td><img src="images/hr01.jpg" alt="hr01" width="100%" height="28" longdesc="http://www.symcom-ng.uni.cc/images/hr01.jpg" /></td>
				  </tr>
				</table></td>
			  </tr>
			  <tr>
				<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
				  <tr>
					<td width="100%"><img src="images/e_punct_b.gif" alt="dot" width="5" height="5" longdesc="http://www.symcom-ng.uni.cc/images/e_punct_b.gif" /> <span class="style1">Order a 10+ logo or graphic designs and receive and an extra professionally designed logo for your business or corporate firm.							  </span>					  <p align="right" class="style1"> <a href="special/2/special_offer.html"><strong>Read more...</strong></a></p></td>
				  </tr>
				</table></td>
			  </tr>
			  <tr>
				<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
				  <tr>
					<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
					  <tr>
						<td width="100%" height="28">
						<a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('testimonials','','images/hr01_testimonials.jpg',1)" title="What people say about us." href="info/testimonials.html"><img src="images/hr01_testimonials.jpg" alt="What people say about us." name="testimonials" width="100%" height="28" border="0" id="testimonials" /></a></td>
					  </tr>
					</table></td>
				  </tr>
				  <tr>
					<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
					  <tr>
						<td width="100%"><img src="images/e_punct_b.gif" alt="dot" width="5" height="5" longdesc="http://www.symcom-ng.uni.cc/images/e_punct_b.gif" /><span class="style1"> &quot;Website design by SymCom Services have really helped to automated my business....&quot;
						  </span>
						  <p align="right" class="style5"> <a href="info/testimonials.html">Read more...</a></p></td>
					  </tr>
					</table></td>
				  </tr>
				</table></td>
			  </tr>
			  <tr>
				<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
				  <tr>
					<td width="100%"><table width="100%" border="0" cellspacing="0" cellpadding="0">
					  <tr>
						<td width="100%" height="36" background="images/left01.gif">
						<a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('featuredservice','','images/left01.jpg',1)" title="Featured service." href="services/featserv.html"><img src="images/left01.jpg" alt="Featured Service." name="featuredservice" width="100%" height="36" border="0" id="featuredservice" /></a></td>
					  </tr>
					</table></td>
				  </tr>
				  <tr>
					<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
					  <tr>
						<td width="100%" bgcolor="#FF0000"><div align="left">
							<img src="images/symcomhttp_graphic-2.jpg" alt="Featured Service" width="60%" height="200" align="left" longdesc="http://www.symcom-ng.uni.cc/images/symcomhttp_graphic-2.jpg" /><span class="style1">SymCom Services provide quality and custom web designs that are &quot;Search Engine Friendly&quot; for high traffic to your website. We specialize in high-ranking website design services and e-commerce website designs that will out-perform your competitors on Search Engines!</span></div></td>
					  </tr>
					</table></td>
				  </tr>
				</table></td>
			  </tr>
			  <tr>
				<td width="100%" height="8"><img src="images/left_bot.gif" alt="." width="100%" height="8" longdesc="http://www.symcom-ng.uni.cc/images/left_bot.gif" /></td>
			  </tr>
			  <tr>
				<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
				  <tr>
					<td width="25%"><div align="right">
						<a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('ordernow','','images/b_buy.gif',1)" title="Order Now!" href="services/serv_order.html"><img src="images/b_buy.gif" alt="Order Now!" name="ordernow" width="71" height="24" border="0" id="ordernow" /></a></div></td>
					<td width="25%"><div align="left">
						<a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('readmore','','images/b_more.gif',1)" title="Read More!" href="info/featserv.html"><img src="images/b_more.gif" alt="Read More!" name="readmore" border="0" id="readmore" /></a></div></td>
				  </tr>
				</table></td>
			  </tr>
			  
			  <tr>
				<td height="451">&nbsp;</td>
			  </tr>
			</table></td>
			<td width="61%" height="1000"><table width="100%" border="0" cellspacing="0" cellpadding="0">
			  <tr>
				<td width="17" height="1486" background="images/bg_right.gif">&nbsp;</td>
				<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
				  <tr>
					<td width="100%" height="742">&nbsp;</td>
				  </tr>
				  <tr>
					<td height="743">&nbsp;</td>
				  </tr>
				</table></td>
				<td width="17" height="1486" background="images/bg_left.gif">&nbsp;</td>
			  </tr>
			</table></td>
			<td width="17%" height="1000"><table width="100%" border="0" cellspacing="0" cellpadding="0">
			  <tr>
				<td width="100%" height="1486"><table width="100%" height="1485" border="0" cellspacing="0" cellpadding="0">
				  <tr>
					<td width="100%"><a href="services/web/packages/starter.html" target="_self" onmouseover="MM_swapImage('starter','','images/starter.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="images/starter.jpg" alt="Starter Website Package" name="starter" width="100%" height="190" border="0" id="starter" /></a></td>
				  </tr>
				  <tr>
					<td><a href="services/web/packages/biz.html" target="_self" onmouseover="MM_swapImage('business','','images/business.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="images/business.jpg" alt="Business Website Package" name="business" width="100%" height="190" border="0" id="business" /></a></td>
				  </tr>
				  <tr>
					<td><a href="services/web/packages/advanced.html" target="_self" onmouseover="MM_swapImage('advanced','','images/advanced.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="images/advanced.jpg" alt="Advanced Website Package" name="advanced" width="100%" height="190" border="0" id="advanced" /></a></td>
				  </tr>
				  <tr>
					<td><a href="services/web/packages/gold.html" target="_top" onmouseover="MM_swapImage('gold','','images/gold.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="images/gold.jpg" alt="Gold Website Package" name="gold" width="100%" height="190" border="0" id="gold" /></a></td>
				  </tr>
				  <tr>
					<td><p><a href="services/index.html" target="_self" onmouseover="MM_swapImage('globalleader','','images/index1.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="images/index1.jpg" alt="The Global Leader in Professional website designs." name="globalleader" width="100%" height="151" border="0" id="globalleader" /></a><span class="style1">Get a profesionally designed website and run your business globally.</span></p>
					  <p align="right"><strong><span class="style1"><a href="services/index.html">More...</a></span></strong></p></td>
				  </tr>
				  <tr>
					<td width="100%">
					<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','width','100%','height','170','src','scripts/symcom_scroller1','quality','high','wmode','transparent','bgcolor','#ffff00','pluginspage','http://www.macromedia.com/shockwave/download/index.cgi?p1_prod_version=shockwaveflash','movie','scripts/symcom_scroller1' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"
width="100%" height="170">
<param name=movie value="scripts/symcom_scroller1.swf"> 
<param name=quality value="high"> 
<param name=wmode value="transparent"> 
<param name=bgcolor value="#ffff00">
<embed src="scripts/symcom_scroller1.swf"
width="100%" 
height="170" quality="high" wmode="transparent" bgcolor="#ffff00" 
type="application/x-shockwave-flash" 
pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?p1_prod_version=shockwaveflash"></embed>
</object></noscript>
					<span class="style1">For more information, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="services/index.html"><strong> click here</strong></a>.</span></td>
				  </tr>
				  <tr>
					<td><div align="CENTER"><img src="images/manoarts.gif" alt="Professional Logo Designs" width="113" height="66" longdesc="http://www.symcom-ng.uni.cc/images/manoarts.gif" /></div></td>
				  </tr>
				  <tr>
					<td>&nbsp;</td>
				  </tr>
				  <tr>
					<td>
					<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','width','160','height','160','align','middle','src','scripts/SymCom-Clock','quality','high','wmode','transparent','bgcolor','#ffffff','pluginspage','http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash','scale','exactfit','movie','scripts/SymCom-Clock' ); //end AC code
</script><noscript><OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"
WIDTH="160" HEIGHT="160" align="middle">
	<PARAM NAME=movie VALUE="scripts/SymCom-Clock.swf"> 
	<PARAM NAME=quality VALUE="high"> 
	<PARAM NAME=wmode VALUE="transparent"> 
	<PARAM NAME=bgcolor VALUE="#ffffff"><param name="SCALE" value="exactfit" />
	<EMBED src="scripts/SymCom-Clock.swf"
WIDTH="160" 
HEIGHT="160" align="middle" quality="high" wmode="transparent" bgcolor="#ffffff" 
TYPE="application/x-shockwave-flash" 
PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" scale="exactfit">	</EMBED>
	</OBJECT></noscript></td>
				  </tr>
				  <tr>
					<td height="24">&nbsp;</td>
				  </tr>
				</table></td>
			  </tr>
			</table></td>
		  </tr>
		</table></td>
	  </tr>
	  <tr>
		<td colspan="4"><table width="100%" border="0" cellspacing="0" cellpadding="0">
		  <tr>
			<td width="100%" height="33" background="images/fon_bot.gif">&nbsp;</td>
		  </tr>
		</table></td>
	  </tr>
	  <tr>
		<td colspan="4"><table width="100%" border="0" cellspacing="0" cellpadding="0">
		  <tr>
			<td width="100%" height="30" valign="top"><p align="center" class="style1"> Copyright © 2005-2007 SymCom Services - Nig®. <span class="style2"><strong><a href="index.html" target="_self">Home</a></strong> <strong>|</strong> <strong><a href="info/index.html" target="_self">Company</a></strong> <strong>|</strong> <strong><a href="services/index.html" target="_self">Services</a></strong> <strong>|</strong> <strong><a href="services/web/solutions/index.html" target="_self">Solutions</a></strong> <strong>|</strong> <strong><a href="help/support.html" target="_self">Support</a></strong> <strong>|</strong> <strong><a href="forums.php" target="_blank">Forums</a></strong> <strong>|</strong> <strong><a href="help/faqs.html" target="_self">FAQs</a></strong> <strong>|</strong> <strong><a href="help/index.html" target="_self">Contact Us</a></strong></span></p></td>
		  </tr>
		</table></td>
	  </tr>
	</table></td>
	<td width="17" background="images/bg_right.gif">&nbsp;</td>
  </tr>
</table>
</body>
</html>

QUOTE

But do you have any cellpadding and or cellspacing defined for the table(s) or any padding whatsoever? What are in the table cells and do they have any padding or margin themselves?

there is no cell padding whatsoever and no cell spacing too. the margins for all the tables in my website is 0.

Switching to codebox.

Saint_Michael

Aug 19 2007, 10:32 AM

Well after messing with the coding for a bit I place the problem on the table widths and all that good stuff; I can say that your header is the only part of the code that looked fine, however, once I got to the nav coding thats where it broke down from there. I would suggest re-designing it again but this time leave out the javascript and use absolute values instead of percentages or go full CSS; based on the design you have, use this template as your starting point.

angad619

Aug 19 2007, 11:43 AM

True the page looks horrible!

I'm no expert but would like to suggest a point that I've learnt through experience. When having problem understanding tables (especially if they are nested), Set the border attribute of each table one-by-one to a high value(say 8). This can really help understanding which is the table that is distorting the entire page.

Always save a copy of the orig code so that you can always revert back in case things go messy!!!

odomike

Aug 21 2007, 02:24 PM

QUOTE

Well after messing with the coding for a bit I place the problem on the table widths and all that good stuff; I can that your header is the only part that looked fine, however once I got to the nav thats where it broke down from there. I would suggest re designing it again but this time leave out the javascript and use absolute values. Or goo full CSS and based on the design you have, use this template as your starting point.

Thanks so much saint Michael. I have actually downloaded the CSS your link provided but for some reason, I just wanna use my own CSS. I have started re-designing the page afresh and trying to monitor it closely to know exactly where my problems started.

angad619

Aug 21 2007, 05:33 PM

Do not use -- height="141" --

Different browsers interpret it differently. Also Depending on the screen resolution, the table can get distorted. Either use all values in percentages or write length in px for all values. But never combine both.

If you are using height as 141, it might look neat for the 800 x 600 but if the visitor is using a res of 1024 x 768, that particular size may remain same but the rest of the table will get expanded thus distorting the overall look.

odomike

Aug 22 2007, 09:52 AM

isnt it gonna look kinda weird if I have to use take for example the 141px height, if I use, say, 14% as the height, it means that I am giving that particular table 14% the height of the screen and that also means that whatever I am putting in that page has to be restricted to the height and width of the monitor screen.

Right?

angad619

Aug 22 2007, 01:39 PM

Yup. It's benefit is that the user won't have to scroll horizontally. The visitor gets a full view of the table in one glance.

But CSS would be better. You can set the width in percentages as well as define 'minimum width'. Don't know much about CSS though (just what I've come across customising themes in WP), but there is an attribute 'min width'. That should give you floating columns I guess.

When I first created my site, I did it using tripod.com Then I whacked the entire code, removed all traces of ever having used their site, put up my ads and hosted somewhere else!!!
Even pages.google.com can be helpful. Once you get the basic framework right, you can always make minor changes instead of creating everything from scratch!!!

ADD REPLY / Got an Opinion!	a humble request :-)	RAPID SEARCH!	Free Hosting	[X]
Express your Opinions, Thoughts or Contribute your information that might help someone here. Ask your Doubts & Queries to get answers.. "Together, We enlight each other!"	Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.		500MB Space No Ads, CPanel, FTP, PHP, MySQL, EMails - 100% FREE

Problem With My Website Internet Explorer - Aint displaying my web page properly

Problem With My Website Internet Explorer - Aint displaying my web page properly