I’m a little surprised nobody’s pointed these out…
-
No doctype – all browsers are in quirks rendering, which has the most impact on IE… There is no way in hell IE – ANY version – is going to behave like the rest of the world.
-
Windows-1252 encoding, not supported by some clients.
-
style @import instead of link – what, you’re still supporting netscape 4?
-
tables for layout, inlined presentation, tables that shouldn’t even be in there if tables for layout was a valid site building technique, non-breaking spaces doing padding’s job (and breaking horribly on large font machines)… decade out of date coding practices and WYSIWYG-style broken nonsense.
Speaking of WYSIWYG, 99.999999% of issues can be traced right here:
<meta name=“GENERATOR” content=“Microsoft FrontPage 4.0”>
FRONTPAGE? Really? REALLY? REALLY?!? really…
I sincerely hope this is some decade old page you are trying to update, and not something new. It’s built mostly on HTML 3.2 with a few modern bits and pieces thrown in piecemeal – resulting in a page a decade and a half out of date. I wouldn’t even be TRYING to make that work, and instead would pitch it all out as it would be faster to rewrite it from scratch using modern techniques than to even attempt to continue bashing away at a page built with outdated and broken methodologies.
Shame since it actually seems to use UL, LI, H2 and P properly – those look really out of place given the rest of the code.
So… first step let’s redo the markup into something from THIS century:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml"
lang="en"
xml:lang="en"
><head>
<meta
http-equiv="Content-Type"
content="text/html; charset=utf-8"
/>
<meta
http-equiv="Content-Language"
content="en"
/>
<meta
name="keywords"
content="smt,surface,mount,technology,reliability,satellite,link,budgeting,satcom,look,angles, certification,exams"
/>
<meta
name="Description"
content="SMT assembly and reliability (ESS). Satellite link budgeting, and certification exams."
/>
<link
type="text/css"
rel="stylesheet"
href="screen.css"
media="screen,projection,tv"
/>
<title>
TutorialsWeb.com - SMT Assembly, and Reliability. Satellite Link Budgeting, and Environment Stress Screening.
</title>
</head><body>
<div id="pageWrapper">
<h1>
TutorialsWeb<br />
<small>A home for tutorials</small>
<span><!-- image replacement --></span>
</h1>
<form action="/search.htm" id="cse-search-box">
<fieldset>
<input type="hidden" name="cx" value="partner-pub-8523261719997194:cyny8p-wsjq" />
<input type="hidden" name="cof" value="FORID:10" />
<input type="hidden" name="ie" value="ISO-8859-1" />
<input type="text" name="q" size="31" />
<input type="submit" name="sa" value="Search" />
</fieldset>
</form>
<script
type="text/javascript"
src="http://www.google.com/cse/brand?form=cse-search-box&lang=en"
></script>
<ul id="mainMenu">
<li>
<a href="electronic-assembly.html">Electronic Assembly</a>
<ul>
<li><a href="/smt/smt.htm">SMT Component & Assembly</a></li>
<li><a href="/reliability/reliability.htm">Reliability Enhancement</a></li>
<li><a href="/smt/smd-components/index.htm">SMD Components</a></li>
<li><a href="/nanotech/index.htm">Nano Technology Introduction</a></li>
</ul>
</li><li>
<a href="satellite-communication.html">Satellite Communication</a>
<ul>
<li><a href="/satcom/fundamentals-of-satellite-communications.htm">Fundamentals of SatCom</a></li>
<li><a href="/satcom/link-power-budget/link-power-budget-index.htm">Link Budgeting Explained</a></li>
<li><a href="/satcom/satellite-link-budget-calculator.htm">Satellite link budget calculator</a></li>
<li><a href="/satcom/calculation-of-satellite-look-angles.htm">Satellite look-angle calculator</a></li>
</ul>
</li><li>
<a href="computer-networking.html">Computers & Networking</a>
<ul>
<li><a href="/computers/pc-motherboard.htm">The Mother Board</a></li>
<li><a href="/networking/computer-networking.htm">OSI Model: A tutorial</a></li>
<li><a href="/networking/tcp-ip/index.htm">Introduction to TCP/IP</a></li>
<li><a href="/networking/wireless-networks/computer-networking-tutorial.htm">Computer Networking</a></li>
<li><a href="/networking/routers/routers-overview.htm">Routers -IOS & JUNOS</a></li>
<li><a href="/wimax/wimax.htm">WiMAX: Wireless Broadband</a></li>
<li><a href="/rfid/index.htm">RFID: A Beginner's Guide</a></li>
<li><a href="/spread-spectrum/index.htm">Spread Spectrum Comms.</a></li>
<li><a href="/computers/flash-memory/index.htm">Flash Memory Tutorial</a></li>
<li><a href="/computers/printers-scanners/index.htm">Printers and Scanners</a></li>
<li><a href="/ipv6/IPv6-Tut-1.htm">A tutorial on IPv6</a></li>
</ul>
</li><li>
<a href="rf-test.html">RF Test & Measurements</a>
<ul>
<li><a href="/rf-measurements/co-axial-cable-measurements.htm">Co-axial Cable Measurements</a></li>
<li><a href="/rf-measurements/spectrum-analyzer.htm">Spectrum Analyzers Intro</a></li>
<li><a href="/rf-measurements/noise-figure/noise-figure-measurement.htm">Noise Figure Measurement</a></li>
<li><a href="/rf-measurements/frequency-standards/frequency-standards-index.htm">Time/Frequency Standards</a></li>
<li><a href="/rf-measurements/coax-cables/coaxial-cable.htm">Coax Cables - Intro</a></li>
</ul>
</li><li>
<a href="software.html">Software</a>
<ul>
<li><a href="/sql/mysql.htm">Introduction to MySQL</a></li>
<li><a href="/activex/activex.htm">ActiveX EXE:Beginner's Guide</a></li>
<li><a href="/software/myodbc-mysql/working-with-mysql-myodbc.htm">Working w/ MyODBC & MySQL</a></li>
<li><a href="/software/drag-drop-tutorial/index.htm">Drag-n-Drop Using Visual Basic</a></li>
<li><a href="/dragndrop_tut/vbdotnet-1.htm">Drag-n-Drop Using VB.net</a></li>
</ul>
</li>
</ul>
<div id="contentWrapper"><div id="content">
<div class="subSection">
<h2><span>New Articles</span></h2>
<h3>
<a href="/ipv6/IPv6-Tut-1.htm">
A tutorial on IPv6
</a>
</h3>
<p>
>Internet Protocol Version 6 (IPv6) is the next generation Internet Protocol (IP) for Internet Networking, which is often treated as successor to Internet Protocol Version 4 (IPv4). This article includes addressing basics, Loop Back address, Header information, Features of IPv6 and differences between IPv4 and IPv6.
</p>
<h3>
<a href="/dragndrop_tut/vbdotnet-1.htm">
Microsoft VB.NET - Drag-n-Drop Program
</a>
</h3>
<p>
Microsoft VB.NET is one of the fastest growing programming language for desktop and web-based applications. The article provides with code, an advanced feature of the VB.NET programming language, i.e. drag-and-drop feature. Example program is available for download. The article is useful for VB.NET programmers trying to use drag-n-drop method.
</p>
<!-- .subSection --></div>
<div class="subSection">
<h2><span>Featured Articles</span></h2>
<h3>
<a href="/smt/smt.htm">
Surface Mount Assembly and Rework
</a>
</h3>
<p>
The article covers a wide range of topics including hand soldering, machine soldering, and rework. It also delves into various types of solders, fluxes, and cleaning compounds used in Surface Mount Assembly manufacturing. Finally, ESD (Electrostatic Discharge) precautions that need to be taken while working with sensitive components are also provided.
</p>
<!-- .subSection --></div>
<!-- #content, #contentWrapper --></div></div>
<div id="sideBar">
<h2>Tools</h2>
<h3>
<a href="/satcom/satellite-link-budget-calculator.htm">
Satellite link budget calculator
</a>
</h3>
<p>
This is used for calculating satellite uplink path loss, transmitting antenna gain, transmit EIRP & operating flux dencity, downling signal to noise ratio, and Link Margin.
</p>
<h3>
<a href="/satcom/calculation-of-satellite-look-angles.htm">
Satellite look-angle calculator
</a>
</h3>
<p>
This is used for calculating satellite azimuth angle (from true North) and satellite elevation angle by providing the values of ground station latitude (+ is North) and langitude (+/- 180 East) and the satellite longitude (+/- 180 East).
</p>
<h3>
<a href="http://www.rfcables.org/tools.html">
RF Tools and Calculators
</a>
</h3>
<p>
These include calculators for Return Loss (RL), VSWR & and Reflection Coefficient, Coax Cable Impedance & Reactance, dBm to milliWatt and viceversa, and Skindepth
</p>
<!-- #sideBar --></div>
<div id="footer">
<ul>
<li><a href="/index.html">Home</a></li>
<li><a href="/resources.htm">Resources</a></li>
<li class="opposite"><a href="/disclaimer.htm">Disclaimer</a></li>
<li class="opposite"><a href="/sitemap.htm">Sitemap</a></li>
</ul>
<span>© 2003-2011 TutorialsWeb.com</span>
<!-- #footer --></div>
<!-- #pageWrapper --></div>
</body></html>
Which throws about 25% of what you had for HTML away, and fixes the semantics issues.
Gimme time to get dinner down my gullet and I’ll bash out some CSS to go with that.