1 reply [Last post]
SWT
Offline
newbie
Last seen: 17 years 20 weeks ago
Joined: 2003-12-24
Posts: 2
Points: 0

I've search through all the questions previously asked and although people have hinted around it, I can't seem to find a solution that fixes my problem. There is a 2px difference in positioning of the page title when I look at it with IE 6.0 vs NN 7.1 (both in windows). Have a look for yourself http://nimcatnetworks.swtechnologies.ca/solutions/index.html.

If you watch the blue box containing the page title (directly under the primary navigation bar on the left hand side of the screen), in IE it is flush with the toolbar (as intended), but there's 2px of unwanted spacing for NN 7.1.

Any feedback would be great, thanks in advance

Here's the page 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"><!-- InstanceBegin template="/Templates/version1level1.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<!-- InstanceBeginEditable name="doctitle" -->
<title>Nimcat Networks</title>
<!-- InstanceEndEditable -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- InstanceBeginEditable name="scripts" -->
	<!-- Additional scripts here -->
<!-- InstanceEndEditable -->
<link rel="stylesheet" href="/css/basicV1.css" type="text/css" media="all" />
<!-- InstanceBeginEditable name="style sheets" -->
	<style type="text/css">
		#sectionImg {
			background-image: url(/solutions/images/secImg.gif);
		}
	</style>
<!-- InstanceEndEditable -->
</head>

<body>
<div id="header">
  <a href="/index.html"><img src="/images/NimcatLogo2.gif" alt="Nimcat Networks - (click for home)" width="193" height="72" /></a>
</div>
<div id="mainNavbar">	
	<ul>
		<li><a href="/index.html">Home</a></li>
		<li><a href="/solutions/index.html">Solutions</a></li>
		<li><a href="/company/index.html">Company</a></li>
		<li><a href="/news/index.html">News & Events</a></li>
		<li><a href="/careers/index.html">Careers</a></li>
		<li class="last"><a href="/contactUs/index.html">Contact Us</a></li>
	</ul>
</div>
<div id="pageTitle">
	<!-- InstanceBeginEditable name="Page Title" -->
	<h1>Solutions</h1>
<!-- InstanceEndEditable -->
</div>
<table id="content" cellpadding="0" cellspacing="0" border="0">
	<tr>
		<td id="secondaryNav">
			<ul>
				<!-- InstanceBeginEditable name="secNav" -->
				<li><a href="/solutions/index.html">Market Requirements</a></li>
				<li>Nimcat Solutions</a></li>
				<li><a href="/solutions/products.html">Products</a></li>
				<li><a href="/solutions/advantages.html">Business Advantages</a></li>
				<li><a href="/solutions/resellers.html">System Provider Advantages</a></li>
				<!-- InstanceEndEditable -->
			</ul>
		</td>
		<td id="bodyText">
			<!-- InstanceBeginEditable name="bodyContent" -->
			<div id="sectionImg"></div>
			<h2>Nimcat Solutions </h2>
			<img src="/solutions/images/puzzle.jpg" alt="Nimcat Networks, your last piece to the puzzle" width="212" height="155" class="floatRight" />			 
			<div class="floatLeft">
			<p>Nimcat Networks has developed embedded Peer-to-Peer (P2P) call processing
			  software that runs on standard VoIP telephone sets and eliminates the need
			  for costly centralized PBX switching equipment. Such an advanced technology
			  enables an improved business telephony architecture and opportunity for
		  new distribution channels. </p>
			<p>A PBX installation with voice mail, auto-attendant and other
			  standard calling features can cost a business several hundred dollars or
			  more per extension. This is a significant barrier to entry. The Nimcat P2P
			  solution puts the intelligence into the telephone and eliminates the centralized
			  equipment. Nimcat provides a business with access to the same advanced calling
			  features as a PBX but at a fraction of the cost. Nimcat's patented Peer
			  2 Peer technology surpasses the reliability of traditional centralized systems. </p>
			<p>
			Nimcat Networks provides a robust solution that offers small
			and medium businesses the ease of operation and functionality they require,
			at a price that is affordable. This is done without sacrificing reliable
			  communication capabilities while offering advanced telephony features
			  normally available only through a PBX based solution. As a small business
			  grows larger, the Nimcat architecture integrates seamlessly with more traditional
			  IP/VoIP PBX or Centrex based configurations providing survivability and
			  branch office operations at no additional costs.</p>
			</div>
			<!-- InstanceEndEditable -->		</td>
	</tr>
</table>
<div id="arrow"></div>
<div id="footer"> Copyright &copy; 2003 Nimcat Networks, Inc. All rights reserved</div>
</body>
<!-- InstanceEnd --></html>

And heres the relevant CSS code:

body {
	font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

#header {
	background-image: url(/images/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 72px;
	}


#footer {
	font-size: x-small;
	text-align: center;
	padding-top: 5px;
	}

#pageTitle {
	width: 257px;
	height: 66px;
	background-color: #004E8C;
	position: absolute;
	top: 95px;
	left: 0px;
	border-top: 1px solid #666;
	margin: 0px;
	padding: 0px;
	}

#pageTitle h1 {
	color: #FFFFFF;
	font-size: 20px;
	font-weight: normal;
	margin: 0px;
	padding: 17px 0px 0px 40px;
	}
	
#sectionImg {
	height: 111px;
	width: 100%;
	background-position: right;
	background-repeat: no-repeat;
	border-bottom: 1px solid #999;
	border-top: 1px solid #666;
	display: block;
	}

I've attached the complete CSS file if required

SWT
Offline
newbie
Last seen: 17 years 20 weeks ago
Joined: 2003-12-24
Posts: 2
Points: 0

2px difference between IE 6.0 and NN

Sorry about that, continued working at the problem and finally realized my mistake... All better now Smile