Advertisement
If you have a new account but are having problems posting or verifying your account, please email us on hello@boards.ie for help. Thanks :)
Hello all! Please ensure that you are posting a new thread or question in the appropriate forum. The Feedback forum is overwhelmed with questions that are having to be moved elsewhere. If you need help to verify your account contact hello@boards.ie

website looks fine, except in I.E

Options
  • 24-01-2012 7:24pm
    #1
    Closed Accounts Posts: 5,824 ✭✭✭


    Hi there, I've developed a site and it works perfectly in several browsers that I use, such as safari, chrome, firefox etc.

    but when i use Internet explorer, its complete muck. so, by using compatibility mode, it semi fixes the problem, except its not complete fixed.

    some of the problems that occur are:

    drop down menu goes behind a div and images.
    borders going around images
    embedded images and video's not displaying correctly.

    can anyone shed some light on the problem?


Comments

  • Closed Accounts Posts: 17,208 ✭✭✭✭aidan_walsh


    Not without source.


  • Registered Users Posts: 2,781 ✭✭✭amen


    Internet explorer, its complete much

    thats your problem! Don't forget when testing IE you need to Test Ie 7,8 and 9 !


  • Closed Accounts Posts: 5,824 ✭✭✭RoyalMarine


    ah sorry, was wondering if it would be appropriate to supply code.

    the site uses include files.


    here's the main page.
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    
    <head><script src="/A2EB891D63C8/avg_ls_dom.js" type="text/javascript"></script>
            
            
            <style>
                    
                    img.bg {
                            /* Set rules to fill background */
                            min-height: 100%;
                            min-width: 1024px;
                            
                            /* Set up proportionate scaling */
                            width: 100%;
                            height: auto;
                            
                            /* Set up positioning */
                            position: fixed;
                            top: 0;
                            left: 0;
                    }
                    
                    @media screen and (max-width: 1024px){
                            img.bg {
                                    left: 50%;
                                    margin-left: -512px; }
                    }
                    
                    #page-wrap { position: relative; width: 820px; margin: 30px auto; padding: 50px; background: white; -moz-box-shadow: 0 0 0px black; -webkit-box-shadow: 0 0 30px #1E47C0; box-shadow: 0 0 30px #000000; }
                    p { font: 15px/2 Georgia, Serif; margin: 0 0 10px 0; text-indent: 10px; }
    
                    #page-wrap2 { position: relative; width: 480px; margin: 30px auto; padding: 50px; background: white; -moz-box-shadow: 0 0 0px black; -webkit-box-shadow: 0 0 30px #1E47C0; box-shadow: 0 0 30px #000000; }
                    p { font: 15px/2 Georgia, Serif; margin: 0 0 10px 0; text-indent: 10px; }
            </style>
    
    		
    <style type="text/css">
    #ContaxGallery{
    position: relative;
    visibility: hidden;
    border: 5px solid black;
    }
    
    #ContaxGallery .gallerydesctext{
    text-align: left;
    padding: 2px 5px;
    }
    
    </style>
    
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
    <script type="text/javascript" src="../common/SlideShow/simplegallery.js"></script>
    <script type="text/javascript">
    var mygallery2=new simpleGallery({
    	wrapperid: "ContaxGallery",
    	dimensions: [347, 343],
    	imagearray: [
    		["../pics/slideshow/11.jpg", "../CustAuto/Sysmelec.shtml", "", "Automation Assembly"],
    		["../pics/slideshow/5.jpg", "../MicroSol/MicSol.shtml", "", "Micro Soldering"],
    		["../pics/slideshow/6.jpg", "../MicroDis/MicroDis.shtml", "", "Micro Dispensing"],
    		["../pics/slideshow/1.jpg", "../StenPrnt/StenPrnt.shtml", "", "Stensil Printing"],
    		["../pics/slideshow/13.jpg", "../CustAuto/pack.shtml", "", "Packaging Automation"],
    		["../pics/slideshow/7.jpg", "../CustAuto/Sysmelec.shtml", "", "Automation Assembly"],
    		["../pics/slideshow/8.jpg", "../CustAuto/Sysmelec.shtml", "", "Automation Vision Inspection"],
    		["../pics/slideshow/9.jpg", "../CustAuto/MatHand.shtml", "", "Material Handling"],
    		["../pics/slideshow/2.jpg", "../Pick&Place/PP.shtml", "", "Pick and Place"],
    		["../pics/slideshow/10.jpg", "../CustAuto/Sysmelec.shtml", "", "Automation Assembly"],
    		["../pics/slideshow/3.jpg", "../CustAuto/MatHand.shtml", "", "Material Handling"],
    		["../pics/slideshow/4.jpg", "../IndSupp/Solar.shtml", "", "Solar Panel Automation"],
    		["../pics/slideshow/12.jpg", "../CustAuto/Pack.shtml", "", "Packaging Automation"],
    		["../pics/slideshow/14.jpg", "../SelSol/Pillarhouse.shtml", "", "Selective Soldering"],
    		["../pics/slideshow/15.jpg", "../WaveSol/WavSol.shtml", "", "In Line Solder Wave Systems"],
    		["../pics/slideshow/18.jpg", "../CustAuto/Ovens.shtml", "", "Batch Ovens"],
    		["../pics/slideshow/16.jpg", "../CustAuto/Ovens.shtml", "", "Temperature and Humidity Inline Ovens"],
    		["../pics/slideshow/17.jpg", "../ReflowSol/OmniFlex10.shtml", "", "Reflo Ovens"]
    
    	],
    	autoplay: [true, 2500, 2],
    	persist: true,
    	fadeduration: 1000,
    	oninit:function(){
    	},
    	onslide:function(curslide, i){
    
    	}
    })
    
    </script>
    </head>
    
    <body>
    
            <img src="../pics/theme/1.jpg" class="bg">
            
    			<div id="page-wrap">
    		
    		<!--#include file="../include/menu1.html" -->
    		<!--#include file="../include/banner1.html" -->
    					
    
    					<div id="page-wrap2">
    					
    					<table Width="347" Height="340" border="1" align="center" cellpadding="0" cellspacing="1">
    
    					<tr>
    					<td> 
    
    					<div id="ContaxGallery" style="position:relative; z-index:0;"></div>
    					
    					</td>
    					</td>
    					</tr>
    					</table>
    					</div>
    					<!--#include file="../include/footer1.html" -->
            
    			</div>
            
    
    </body>
    
    </html>
    


    and here's the included files

    banner1.html
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    
    
    
    
    <title>Contax Production Automation Ltd</title>
    
    <META name="keywords" content="factory, production, automation, industrial, control, system, automatic, assembly, machine, automated, equipment, pcb, Ireland">
    <META name="description" content=" Contax Production Automation Limited - Manufacturing and Process Automation Equipment ">
    
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    
    <link href="../common/contaxstyle.css" rel="stylesheet" type="text/css" />
    <script src="A2EB891D63C8/avg_ls_dom.js" type="text/javascript"></script>
    <script language="JavaScript" src="common/buttons.js" type="text/JavaScript"></script>
    
    </head>
    
    <table width="600" height="50" border="0" align="center" cellpadding="0" cellspacing="0">
       <tr> 
       
       <td 
         colspan="6">
    	<a href="../Main/Main.shtml"> 
          <img src="../pics/include/logo.jpg" width="220" height="70"  alt="Logo"/> 
    	  </a>
        </td>
    	
        <td 
         colspan="6">
    	<a href="http://www.youtube.com/user/contaxireland" target="_blank"> 
          <img src="../pics/include/youtube.png" width="120" height="50"  alt="youtube"/> 
    	  </a>
        </td>
    	
        <td 
         colspan="6">
    	<a href="../News/News.shtml"> 
          <img src="../pics/include/news.jpg" width="180" height="55"  alt="news"/> 
    	  </a>
        </td>
    
    
      </tr>
    </table>
    </html>
    
    

    menu1.html
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    
    <style>
    #pcm{display:none;}
    ul.contaxMenu ul{display:none}
    ul.contaxMenu li:hover>ul{display:block}
    ul.contaxMenu ul{position: absolute;left:-10px;top:98%;}
    ul.contaxMenu ul ul{position: absolute;left:98%;top:-2px;}
    ul.contaxMenu,ul.contaxMenu ul {
    	margin:0px;
    	list-style:none;
    	padding:0px 2px 2px 0px;
    	background-color:#FAFCFC;
    	background-repeat:repeat;
    	border-color:#1E47C0 #1E47C0 #1E47C0 #1E47C0;
    	border-width:1px;
    	border-style:solid;
    	z-index: 100;
    
    }
    ul.contaxMenu table {border-collapse:collapse}ul.contaxMenu {
    	display:block;
    	zoom:1;
    	float: left;
    }
    ul.contaxMenu ul{
    	width:155.4px;
    }
    ul.contaxMenu li{
    	display:block;
    	margin:2px 0px 0px 2px;
    	font-size:0px;
    }
    ul.contaxMenu a:active, ul.contaxMenu a:focus {
    outline-style:none;
    }
    ul.contaxMenu a, ul.contaxMenu li.dis a:hover, ul.contaxMenu li.sep a:hover {
    	display:block;
    	vertical-align:middle;
    	background-color:#FAFCFC;
    	border-width:1px;
    	border-color:#FAFCFC;
    	border-style:solid;
    	text-align:left;
    	text-decoration:none;
    	padding:2px 5px 2px 7px;
    	_padding-left:0;
    	font:normal 12px Trebuchet MS,Tahoma;
    	color: #000000;
    	text-decoration:none;
    	cursor:default;
    }
    ul.contaxMenu span{
    	overflow:hidden;
    }
    ul.contaxMenu li {
    	float:left;
    }
    ul.contaxMenu ul li {
    	float:none;
    }
    ul.contaxMenu ul a {
    	text-align:left;
    	white-space:nowrap;
    }
    ul.contaxMenu li.sep{
    	text-align:left;
    	padding:0px;
    	line-height:0;
    	height:100%;
    }
    ul.contaxMenu li.sep span{
    	float:none;	padding-right:0;
    	width:3px;
    	height:100%;
    	display:inline-block;
    	background-color:#cccccc #111111 #111111 #cccccc;	background-image:none;}
    ul.contaxMenu ul li.sep span{
    	width:100%;
    	height:3px;
    }
    ul.contaxMenu li:hover{
    	position:relative;
    }
    ul.contaxMenu li:hover>a{
    	background-color:#1E47C0;
    	border-color:#1E47C0;
    	border-style:solid;
    	font:normal 12px Trebuchet MS, Tahoma;
    	color: #FFFFFF;
    	text-decoration:none;
    }
    ul.contaxMenu li a:hover{
    	position:relative;
    	background-color:#1E47C0;
    	border-color:#1E47C0;
    	border-style:solid;
    	font:normal 12px Trebuchet MS, Tahoma;
    	color: #FFFFFF;
    	text-decoration:none;
    }
    ul.contaxMenu li.dis a {
    	color: #666 !important;
    }
    ul.contaxMenu img {border: none;float:left;_float:none;margin-right:2px;width:16px;
    height:16px;
    }
    ul.contaxMenu ul img {width:14px;
    height:16px;
    }
    ul.contaxMenu img.over{display:none}
    ul.contaxMenu li.dis a:hover img.over{display:none !important}
    ul.contaxMenu li.dis a:hover img.def {display:inline !important}
    ul.contaxMenu li:hover > a img.def  {display:none}
    ul.contaxMenu li:hover > a img.over {display:inline}
    ul.contaxMenu a:hover img.over,ul.contaxMenu a:hover ul img.def,ul.contaxMenu a:hover a:hover ul img.def,ul.contaxMenu a:hover a:hover a:hover ul img.def,ul.contaxMenu a:hover a:hover img.over,ul.contaxMenu a:hover a:hover a:hover img.over,ul.contaxMenu a:hover a:hover a:hover a:hover img.over{display:inline}
    ul.contaxMenu a:hover img.def,ul.contaxMenu a:hover ul img.over,ul.contaxMenu a:hover a:hover ul img.over,ul.contaxMenu a:hover a:hover a:hover ul img.over,ul.contaxMenu a:hover a:hover img.def,ul.contaxMenu a:hover a:hover a:hover img.def,ul.contaxMenu a:hover a:hover a:hover a:hover img.def{display:none}
    ul.contaxMenu a:hover ul,ul.contaxMenu a:hover a:hover ul,ul.contaxMenu a:hover a:hover a:hover ul{display:block}
    ul.contaxMenu a:hover ul ul,ul.contaxMenu a:hover a:hover ul ul{display:none}
    ul.contaxMenu span{
    	display:block;
    	background-image:url(./images/arr_white.gif);
    	background-position:right center;
    	background-repeat: no-repeat;
       padding-right:12px;}
    ul.contaxMenu li:hover>a>span{	background-image:url(./images/arrv_white.gif);
    }
    ul.contaxMenu a:hover span{	_background-image:url(./images/arrv_white.gif)}
    ul.contaxMenu ul span,ul.contaxMenu a:hover table span{background-image:url(./images/arr_white.gif)}
    </style>
    
    </head>
    
    <table width="825" border="0" align="center" cellpadding="18" cellspacing="18" bgcolor="#FFFFFF">
    
    <tr>
        <td colspan="6"> 
    
    <ul class="contaxMenu contaxMenum">
    
    	<li class="contaxMenui"><a class="contaxMenui" href="../Main/Main.shtml">Home</a></li>
    
    	<li class="contaxMenui"><a class="contaxMenui" href="../About/About.shtml">About</a></li>
    
    	<li class="contaxMenui"><a class="contaxMenui" href="#"><span>Contact Us</span></a>
    	<ul class="contaxMenum">
    		<li class="contaxMenui"><a class="contaxMenui" href="../CustSup/sales.shtml">Sales</a></li>
    		<li class="contaxMenui"><a class="contaxMenui" href="../CustSup/Service.shtml">Service</a></li>
    		<li class="contaxMenui"><a class="contaxMenui" href="../CustSup/Spares.shtml">Spare Parts</a></li>
    	</ul>
    	</li>
    
    	<li class="contaxMenui"><a class="contaxMenui" href="#"><span>Custom Automation Equipment</span></a>
    	<ul class="contaxMenum">
    	
    		<li class="contaxMenui"><a class="contaxMenui" href="#"><span>Automated Assembly</span></a>
    		<ul class="contaxMenum">
    			<li class="contaxMenui"><a class="contaxMenui" href="../CustAuto/Sysmelec.shtml">Sysmelec</a></li>
    			<li class="contaxMenui"><a class="contaxMenui" href="../CustAuto/MTA.shtml">MTA</a></li>
    			<li class="contaxMenui"><a class="contaxMenui" href="../CustAuto/Somex.shtml">Somex</a></li>
    			<li class="contaxMenui"><a class="contaxMenui" href="../CustAuto/Shuttleworth.shtml">Shuttleworth</a></li>
    		</ul>
    		</li>		
    
    		<li class="contaxMenui"><a class="contaxMenui" href="../CustAuto/Ovens.shtml">Ovens</a></li>
    		<ul class="contaxMenum">
    		<li class="contaxMenui"><a class="contaxMenui" href="../CustAuto/Ovens.shtml">Caltherm</a></li>
    		</ul>
    		</li>
    		<li class="contaxMenui"><a class="contaxMenui" href="../CustAuto/Pack.shtml">Packaging</a></li>
    		<li class="contaxMenui"><a class="contaxMenui" href="../CustAuto/MatHand.shtml">Material Handling</a></li>
    		
    		<li class="contaxMenui"><a class="contaxMenui" href="#"><span>Micro Dispensing</span></a>
    		<ul class="contaxMenum">
    			<li class="contaxMenui"><a class="contaxMenui" href="../MicroDis/MicroDis.shtml">Micro Dispensing</a></li>
    			<li class="contaxMenui"><a class="contaxMenui" href="../MicroDis/RC500.shtml">RC500 Dispense Robot</a></li>
    			<li class="contaxMenui"><a class="contaxMenui" href="../MicroDis/TR300.shtml">TR300 Dispense Robot</a></li>
    			<li class="contaxMenui"><a class="contaxMenui" href="../MicroDis/ManDisp.shtml">Manual Dispensing Station</a></li>
    			<li class="contaxMenui"><a class="contaxMenui" href="../MicroDis/MVD.shtml">MVD Motorised Head</a></li>
    			<li class="contaxMenui"><a class="contaxMenui" href="../MicroDis/NBD.shtml">NBD BI-Component Head</a></li>
    			<li class="contaxMenui"><a class="contaxMenui" href="../MicroDis/NVD.shtml">NVD Numerical Control</a></li>
    		</ul>
    		</li>
    		
    		<li class="contaxMenui"><a class="contaxMenui" href="#"><span>Micro Soldering</span></a>
    		<ul class="contaxMenum">
    			<li class="contaxMenui"><a class="contaxMenui" href="../MicroSol/MicSol.shtml">Micro Soldering</a></li>
    			<li class="contaxMenui"><a class="contaxMenui" href="../MicroSol/RC500.shtml">RC500 Soldering Robot</a></li>
    			<li class="contaxMenui"><a class="contaxMenui" href="../MicroSol/TR300.shtml">TR300 Soldering Robot</a></li>
    			<li class="contaxMenui"><a class="contaxMenui" href="../MicroSol/ManSol.shtml">Manual Soldering Station</a></li>
    			<li class="contaxMenui"><a class="contaxMenui" href="../MicroSol/80wSol.shtml">80w Soldering Head</a></li>
    			<li class="contaxMenui"><a class="contaxMenui" href="../MicroSol/HighFreq.shtml">High Frequency Soldering</a></li>
    			<li class="contaxMenui"><a class="contaxMenui" href="../MicroSol/IndSol.shtml">Induction Soldering</a></li>
    			<li class="contaxMenui"><a class="contaxMenui" href="../MicroSol/Laser.shtml">Laser Soldering</a></li>
    			<li class="contaxMenui"><a class="contaxMenui" href="../MicroSol/MicroFlame.shtml">MicroFlame Soldering</a></li>
    		</ul>
    		</li>
    		<li class="contaxMenui"><a class="contaxMenui" href="../CustAuto/3DInsp.shtml">3D Inspection</a></li>
    		<li class="contaxMenui"><a class="contaxMenui" href="../CustAuto/XRayInsp.shtml">Xray Inspection</a></li>
    		</ul>
    		</li>
    
    	<li class="contaxMenui0"><a class="contaxMenui0" href="#"><span>PCB Assembly Equipment</span></a>
    	<ul class="contaxMenum">
    		
    		<li class="contaxMenui"><a class="contaxMenui" href="#"><span>PCB Board Handling</span></a>
    		<ul class="contaxMenum">
    			<li class="contaxMenui"><a class="contaxMenui" href="../BrdHand/BrdHand.shtml">Board Handling</a></li>
    			<li class="contaxMenui"><a class="contaxMenui" href="../BrdHand/BM1500-3SH1.shtml">Conveyor BM1500-3SH1</a></li>
    			<li class="contaxMenui"><a class="contaxMenui" href="../BrdHand/BMSeries.shtml">Conveyor BM Series</a></li>
    			<li class="contaxMenui"><a class="contaxMenui" href="../BrdHand/Fifo-Lifo.shtml">Fifo/Lifo Buffer</a></li>
    			<li class="contaxMenui"><a class="contaxMenui" href="../BrdHand/FlipConv.shtml">Flip Conveyor</a></li>
    			<li class="contaxMenui"><a class="contaxMenui" href="../BrdHand/LiftGate.shtml">Conveyor Lift Gate</a></li>
    			<li class="contaxMenui"><a class="contaxMenui" href="../BrdHand/LineCont.shtml">Conveyor Line Control</a></li>
    			<li class="contaxMenui"><a class="contaxMenui" href="../BrdHand/MagCombi.shtml">Mag Load & Unload</a></li>
    			<li class="contaxMenui"><a class="contaxMenui" href="../BrdHand/MagLoad.shtml">Magzine Loading</a></li>
    			<li class="contaxMenui"><a class="contaxMenui" href="../BrdHand/MagUnload.shtml">Magazine Unloading</a></li>
    			<li class="contaxMenui"><a class="contaxMenui" href="../BrdHand/MagUnloadCross.shtml">Mag Unload crosslide</a></li>
    			<li class="contaxMenui"><a class="contaxMenui" href="../BrdHand/QS1500s.shtml">Conveyor Crosslide</a></li>
    			<li class="contaxMenui"><a class="contaxMenui" href="../BrdHand/ShutConv.shtml">Shuttle Conveyor</a></li>
    			<li class="contaxMenui"><a class="contaxMenui" href="../BrdHand/StackLoad.shtml">Stack Loading</a></li>
    			<li class="contaxMenui"><a class="contaxMenui" href="../BrdHand/TurnConv.shtml">Turn Conveyor</a></li>
    		</ul>
    		</li>
    
    		<li class="contaxMenui"><a class="contaxMenui" href="#"><span>Dispensing</span></a>
    		<ul class="contaxMenum">
    		<li class="contaxMenui"><a class="contaxMenui" href="../Disp/Disp.shtml">Dispensing</a></li>
    		<li class="contaxMenui"><a class="contaxMenui" href="../Disp/CDS6700.shtml">Essemtec CDS6700</a></li>
    		<li class="contaxMenui"><a class="contaxMenui" href="../Disp/Xyflex.shtml">Camalot Xyflex Pro</a></li>
    		<li class="contaxMenui"><a class="contaxMenui" href="../Disp/FxD.shtml">Camalot FX-D</a></li>
    		</ul>
    		</li>			
    
    		<li class="contaxMenui"><a class="contaxMenui" href="#"><span>Pick & Place</span></a>
    		<ul class="contaxMenum">
    		<li class="contaxMenui"><a class="contaxMenui" href="../Pick&Place/PP.shtml">Pick & Place</a></li>
    		<li class="contaxMenui"><a class="contaxMenui" href="../Pick&Place/ExpertLine.shtml">Expert-Line</a></li>
    		<li class="contaxMenui"><a class="contaxMenui" href="../Pick&Place/CSM7100.shtml">CSM 7100 & CSM7100-V</a></li>
    		<li class="contaxMenui"><a class="contaxMenui" href="../Pick&Place/CSS4050.shtml">Essemtec CSS4050</a></li>
    		<li class="contaxMenui"><a class="contaxMenui" href="../Pick&Place/Pantera.shtml">Pantera-X & Pantera-XV</a></li>
    		<li class="contaxMenui"><a class="contaxMenui" href="../Pick&Place/FLX2011.shtml">Essemtec FLX-2011</a></li>
    		<li class="contaxMenui"><a class="contaxMenui" href="../Pick&Place/FLX2011-2031.shtml">FLX-2021/2031</a></li>
    		<li class="contaxMenui"><a class="contaxMenui" href="../Pick&Place/ContC5.shtml">Contact C5</a></li>
    		<li class="contaxMenui"><a class="contaxMenui" href="../Pick&Place/ContC5D.shtml">Contact C5D</a></li>
    		</ul>
    		</li>			
    
    		<li class="contaxMenui"><a class="contaxMenui" href="#"><span>Reflow Soldering</span></a>
    		<ul class="contaxMenum">
    		<li class="contaxMenui"><a class="contaxMenui" href="../ReflowSol/RefSol.shtml">Reflow Soldering</a></li>
    		<li class="contaxMenui"><a class="contaxMenui" href="../ReflowSol/RO06-Plus.shtml">RO06-Plus</a></li>
    		<li class="contaxMenui"><a class="contaxMenui" href="../ReflowSol/R0300FC.shtml">R0300FC</a></li>
    		<li class="contaxMenui"><a class="contaxMenui" href="../ReflowSol/RO400FC.shtml">RO400FC</a></li>
    		<li class="contaxMenui"><a class="contaxMenui" href="../ReflowSol/OmniFlex7.shtml">OmniFlex 7</a></li>
    		<li class="contaxMenui"><a class="contaxMenui" href="../ReflowSol/OmniFlex10.shtml">OmniFlex 10</a></li>
    		<li class="contaxMenui"><a class="contaxMenui" href="../ReflowSol/OmniExcel7.shtml">OmniExcel 7</a></li>
    		<li class="contaxMenui"><a class="contaxMenui" href="../ReflowSol/OmniExcel10.shtml">OmniExcel 10</a></li>
    		</ul>
    		</li>	
    
    		<li class="contaxMenui"><a class="contaxMenui" href="#"><span>Humidity Cabinets</span></a>
    		<ul class="contaxMenum">
    		<li class="contaxMenui"><a class="contaxMenui" href="../Humidity/HumCab.shtml">Humidity Cabinets</a></li>
    		<li class="contaxMenui"><a class="contaxMenui" href="../Humidity/1percent.shtml">DXU 1% RH range</a></li>
    		<li class="contaxMenui"><a class="contaxMenui" href="../Humidity/3percent.shtml">MCU 3% RH range</a></li>
    		<li class="contaxMenui"><a class="contaxMenui" href="../Humidity/custom1percent.shtml">DXU Custom 1% RH range</a></li>
    		</ul>
    		</li>
    
    		<li class="contaxMenui"><a class="contaxMenui" href="#"><span>Marking & Tracability</span></a>
    		<ul class="contaxMenum">
    		<li class="contaxMenui"><a class="contaxMenui" href="../MarkTrac/MarkTrac.shtml">Marking & Tracability</a></li>
    		<li class="contaxMenui"><a class="contaxMenui" href="../MarkTrac/InkJet.shtml">Ink Jet</a></li>
    		<li class="contaxMenui"><a class="contaxMenui" href="../MarkTrac/LabelPrnt.shtml">Label Printing</a></li>
    		<li class="contaxMenui"><a class="contaxMenui" href="../MarkTrac/LaserC02.shtml">Laser C02</a></li>
    		<li class="contaxMenui"><a class="contaxMenui" href="../MarkTrac/LaserThrm.shtml">Laser Thermal Transfer</a></li>
    		<li class="contaxMenui"><a class="contaxMenui" href="../MarkTrac/YAG.shtml">Laser YAG</a></li>
    		</ul>
    		</li>
    
    		<li class="contaxMenui"><a class="contaxMenui" href="#"><span>Selective Soldering</span></a>
    		<ul class="contaxMenum">
    		<li class="contaxMenui"><a class="contaxMenui" href="../SelSol/SelSol.shtml">Selective Soldering</a></li>
    		<li class="contaxMenui"><a class="contaxMenui" href="../SelSol/Benchtop.shtml">MTA Benchtop</a></li>
    		<li class="contaxMenui"><a class="contaxMenui" href="../SelSol/MTACell.shtml">MTA Cell</a></li>
    		<li class="contaxMenui"><a class="contaxMenui" href="../SelSol/PillarHouse.shtml">PillarHouse</a></li>
    		</ul>
    		</li>		
    
    		<li class="contaxMenui"><a class="contaxMenui" href="#"><span>Stencil & Board Cleaning</span></a>
    		<ul class="contaxMenum">
    		<li class="contaxMenui"><a class="contaxMenui" href="../Sten&BrdCln/Sten&BrdCln.shtml">Stencil & Board Cleaning</a></li>
    		<li class="contaxMenui"><a class="contaxMenui" href="../Sten&BrdCln/Aquastorm.shtml">Electrovert Aquastorm</a></li>
    		<li class="contaxMenui"><a class="contaxMenui" href="../Sten&BrdCln/Torrid.shtml">Electrovert Torrid Zone</a></li>
    		<li class="contaxMenui"><a class="contaxMenui" href="../Sten&BrdCln/WaterRcyl.shtml">Water Recycling System</a></li>
    		</ul>
    		</li>		
    		
    		<li class="contaxMenui"><a class="contaxMenui" href="#"><span>Stensil Printing</span></a>
    		<ul class="contaxMenum">
    			<li class="contaxMenui"><a class="contaxMenui" href="../StenPrnt/StenPrnt.shtml">Stensil Printing</a></li>
    			<li class="contaxMenui"><a class="contaxMenui" href="../StenPrnt/SP003.shtml">Essemtec SP003</a></li>
    			<li class="contaxMenui"><a class="contaxMenui" href="../StenPrnt/SP200AV.shtml">Essemtec SP200-AV</a></li>
    			<li class="contaxMenui"><a class="contaxMenui" href="../StenPrnt/SP600.shtml">Essemtec SP600</a></li>
    			<li class="contaxMenui"><a class="contaxMenui" href="../StenPrnt/2000HIE.shtml">Ultraprint 2000 HIE</a></li>
    			<li class="contaxMenui"><a class="contaxMenui" href="../StenPrnt/APExcel.shtml">MPM AP Excel</a></li>
    			<li class="contaxMenui"><a class="contaxMenui" href="../StenPrnt/Accela.shtml">MPM Accela</a></li>
    			<li class="contaxMenui"><a class="contaxMenui" href="../StenPrnt/Momentum.shtml">MPM Momentum</a></li>
    		</ul>
    		</li>		
    
    		<li class="contaxMenui"><a class="contaxMenui" href="#"><span>Wave Soldering</span></a>
    		<ul class="contaxMenum">
    			<li class="contaxMenui"><a class="contaxMenui" href="../WaveSol/WavSol.shtml">Wave Soldering</a></li>
    			<li class="contaxMenui"><a class="contaxMenui" href="../WaveSol/VectraES.shtml">Electrovert VectraES</a></li>
    			<li class="contaxMenui"><a class="contaxMenui" href="../WaveSol/VectraElite.shtml">Electrovert VectraElite</a></li>
    			<li class="contaxMenui"><a class="contaxMenui" href="../WaveSol/Electra.shtml">Electrovert Electra</a></li>
    			<li class="contaxMenui"><a class="contaxMenui" href="../WaveSol/ESS220.shtml">Vantage ESS220</a></li>
    		</ul>
    		</li>	
    
    		<li class="contaxMenui"><a class="contaxMenui" href="#"><span>Through Hole Placement</span></a>
    		<ul class="contaxMenum">
    		<li class="contaxMenui"><a class="contaxMenui" href="../ThruHole/ThrHolePlc.shtml">Through Hole Placement</a></li>
    		<li class="contaxMenui"><a class="contaxMenui" href="../ThruHole/CS-400E.shtml">Contact CS-400E </a></li>
    		</ul>
    		</li>			
    		
    		<li class="contaxMenui"><a class="contaxMenui" href="../CustAuto/3DInsp.shtml">3D Inspection</a></li>
    		<li class="contaxMenui"><a class="contaxMenui" href="../CustAuto/XRayInsp.shtml">Xray Inspection</a></li>
    			
    		</ul>
    		</li>
    
    	<li class="contaxMenui"><a class="contaxMenui" href="#"><span>Industries Supported</span></a>
    	
    	<ul class="contaxMenum">
    	    <li class="contaxMenui"><a class="contaxMenui" href="../INDSupp/customers.shtml">Our Customers</a></li>
    		<li class="contaxMenui"><a class="contaxMenui" href="../INDSupp/Auto.shtml">Automotive</a></li>
    		<li class="contaxMenui"><a class="contaxMenui" href="../INDSupp/Elec.shtml">Electronics</a></li>
    		<li class="contaxMenui"><a class="contaxMenui" href="../INDSupp/Food.shtml">Food</a></li>
    		<li class="contaxMenui"><a class="contaxMenui" href="../INDSupp/MedDev.shtml">Medical Devices</a></li>
    		<li class="contaxMenui"><a class="contaxMenui" href="../INDSupp/Solar.shtml">Solar</a></li>
    		
    	</ul>
    	</li>
    	
    	
    
    	<li class="contaxMenui"><a class="contaxMenui" href="../Links/suppliers.shtml">Links</a></li>
    
    	</li>	
    	
    	
            
    </ul>
    
    </td>
    </tr>
    </table>
    </html>
    

    footer1.html
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    
    <link href="../common/contaxstyle.css" rel="stylesheet" type="text/css" />
    <script src="A2EB891D63C8/avg_ls_dom.js" type="text/javascript"></script>
    <script language="JavaScript" src="common/buttons.js" type="text/JavaScript"></script>
    </head>
    
    <table width="820" border="0" align="center" cellpadding="10" cellspacing="0" bgcolor="#FFFFFF" >
    <tr>
        <td bgcolor="#FFFFFF"> <p class="footer" align="center"><strong>CONTAX PRODUCTION AUTOMATION LTD</strong> 
            28 Upper Fitzwilliam Street, Dublin 2, Ireland<br />
            Tel: +353 (0)1 8780031 | Fax: + 353 (0) 1 8780032 | Email: <a class="footerlink" 
    		href="mailto:sales@contaxireland.ie">sales@contaxireland.ie</a>	
    		</p>
    				
    </td>
    </tr>
    </table>
    </html>
    
    
    


  • Registered Users Posts: 522 ✭✭✭mwrf


    Can you link to the site?
    Easier than pulling that together.


  • Closed Accounts Posts: 5,824 ✭✭✭RoyalMarine




  • Advertisement
  • Registered Users Posts: 650 ✭✭✭Freddio


    The one thing I can see from the outset is you refer to a class called contaxMenu in the style but a class called contaxMenui in the HTML


  • Closed Accounts Posts: 5,824 ✭✭✭RoyalMarine


    the site where i found the code for the menu used that method freddio.


  • Registered Users Posts: 1,757 ✭✭✭Deliverance XXV


    You have a lot of errors in your code - There are all small errors but fixing them could help a lot with the browser compatibility. There are some unopened and unclosed <td>s and <li>s in there which could cause havoc!


  • Closed Accounts Posts: 18,163 ✭✭✭✭Liam Byrne


    The border on an image is probably because it's within a link - IE "helpfully" does this by default.

    Set the border to 0 in the CSS or via the border attribute

    Do you have both sets of code - object and embed - for the videos ?


  • Closed Accounts Posts: 9,700 ✭✭✭tricky D


    some of the problems that occur are:

    1 drop down menu goes behind a div and images.
    2 borders going around images
    3 embedded images and video's not displaying correctly.

    can anyone shed some light on the problem?
    1 Probably need to set wmode=transparent for the video object or use z-index for the layer ordering. Can't diagnose for sure as the layout is messed up in IE.
    2 already explained
    3 get your code valid first as that will probaby sort out most of your issues (check both html and css for this)
    You have a lot of errors in your code - There are all small errors but fixing them could help a lot with the browser compatibility. There are some unopened and unclosed <td>s and <li>s in there which could cause havoc!

    Some of the errors are more than small imo.


  • Advertisement
  • Registered Users Posts: 527 ✭✭✭Sean^DCT4


    There's four open <html> tags in this page. Multiple DOCTYPE declarations.
    Are you copying and pasting this site together?


  • Closed Accounts Posts: 5,824 ✭✭✭RoyalMarine


    no I think the reason for the multiple doc types etc is from the include files. removing them as I didn't know if each file needed them....

    I'll have all the errors fixed by tonight and hopefully it should be solved.

    I'll let ye know how it goes.
    thanks for the help!


Advertisement