|
HTML - Webpage Not Loading Correctly With Internet Explorer 9 (other Browsers Work)
Hi, I've got a problem with a pre-existing webpage not operating correctly with Internet Explorer.
The website is in development to be replaced, but until then I'm stuck keeping it updated and working. Normally I use Google Chrome or Mozilla Firefox for browsing, and didn't notice until today that the page doesn't load correctly with Internet Explorer. The website's basic structure is the header/navigation bar across the top, a left column navigation bar, and then the main/body column on the right. Website: www.hfhsouthcentral.net Issues in Internet Explorer (most likely all related): The site's homepage doesn't load correctly from the base url The links don't operate correctly-instead of opening in the current tab, they either open in a new window or new tab depending on browser default settings The "Home" link simply opens the main body frame for the site home page, as opposed to the complete home page I've tested and verified that the page works incorrectly with IE on different PCs, and displays correctly with other browsers on both PCs and a Mac. The links do work in the primary header/navigation frame as intended with other browsers, but visitors using Internet Explorer receive simply the header/navigation bar when going to the default site. Other things I've attempted to do to fix the issue Using IE's compatibility mode Lowering the security setting Making sure active X was allowed Running IE without any add-ons running Turning off my anti-virus, firewall... I've also flushed the cache and have been testing each change by reloading in IE9 (shift-F5) to verify the problem was still present, and tried running the index.htm file through validator and fixing what it returns as errors (having tested / fixed all of the errors that it returned failed to solve the issue). Tested OSes Windows 7 Home Premium x64 Windows 7 Professional x86 Mac OS X 10.6.3 32-bit Website works with: Google Chrome (12.0.742.122 on Win7 x86 & x64, and OS X) Google Chrome (13.0.782.107 beta-m on Win7 x64) Mozilla Firefox (5.0) (32-bit on Win7 x86, x64) Mozilla Firefox (3.6.18 on OS X) Opera (11.50) (32-bit on Win 7 x64) Safari (4.0.4) (32-bit on OS X) Seamonkey (2.2 on Win 7 x64) Maxthon 3 (3.1.3.2000 Final on Win 7 x64) edit: Seamonkey and Maxthon verified working, though really don't care about supporting them... Website doesn't work with: Internet Explorer 8 (8.0.7600.16385 64-bit on Win7 x64) Internet Explorer 8 (8.0.7600.16385 32-bit on Win7 x64) Internet Explorer 9 (9.0.8112.16421 on Win7 x86) Similar TutorialsHello everyone. I have just stumbled across this group whilst investigating an issue I am having with a website, what a great resource you have here. I look after the website for my local volunteer fire brigade and I have maintained it for a number of years without any major problems. However in the last couple of weeks it has become apparent that the website is not loading all of the frames for the pages. This appears to only be an issue when browsing with Internet Explorer, as it all looks fine in Firefox. The website is located at http://www.mvcfs.asn.au/ It is only very basic, as that is my current level of HTML programming, I am considering changing to an alternate web layout program like Wordpress, however I haven't looked too much into the details of it yet. I have tried loading this page in I.E. on a number of different computers and they all suffer the same problem, I am currently using version 8.0.600 right now and it is not working, the Firefox version I am viewing it on is 8.0 and that appears to work ok. Is anyone able to suggest a possible solution to this issue, I haven't made any significant changes to the site in the last couple of weeks, so I am not sure why this problem has suddenly come up. Thankyou for your assistance. Regards Matt I was so happy to see my webpage display just fine in Firefox, but when viewing it in any version of IE things go haywire. http://otakujake.com/ The main page is powered by wordpress. I turned the theme that the contact page uses into a wordpress theme. The contact page also messes up in IE. I had to separate the banner into 3 images so I could have those navigation links at the top. This is how it looks in IE8: http://img441.imageshack.us/img441/551/i e8.jpg It looks the same in IE6 and IE7 on numerous different computers. I have even tested it on various online browser testers. It is supposed to look like this: http://img186.imageshack.us/img186/5682/33090564.jpg This is the index.htm for the contact page: http://pastebin.com/d4e7e538f This is the stylesheet for the contact page: http://pastebin.com/d34f535b1 The main page (blog) uses the same code as the contact page except it is split up for a Wordpress theme. (header.php, index.php, sidebar.php, footer.php) I don't think it's something wrong with Wordpress because the contact page has the same problems. There's something wrong with my code. Excuse me for my sloppy coding, this is the first web page I've built. When I go to certain pages on my website, i get this error: Internet Explorer cannot open the Internet site http://<Web site>.com. Operation aborted. What does this mean and how do I fix it, I have read that google API can cause it but I have tried those fixes, then sitemeter.com additions to the restricted zones. Here is my page code: Code: <?php require('includes/page_elements/param_check.php'); ?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="meta" href="http://thegayestwebsiteever.com/labels.rdf" type="application/rdf+xml" title="ICRA labels" />
<meta http-equiv="pics-Label" content='(pics-1.1 "http://www.icra.org/pics/vocabularyv03/" l gen true for "http://thegayestwebsiteever.com" r (n 3 s 3 v 0 l 2 oa 0 ob 0 oc 0 od 0 oe 0 of 0 og 0 oh 0 c 0) gen true for "http://www.thegayestwebsiteever.com" r (n 3 s 3 v 0 l 2 oa 0 ob 0 oc 0 od 0 oe 0 of 0 og 0 oh 0 c 0))' />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Title Goes Here</title>
<META name="description" content="descriptsion goes here">
<META name="keywords" content="keywords goes here">
<META name="y_key" content="0d1a89d01da31b4d" >
<!-- img lightbox
<script type="text/javascript" src="js/prototype.js" defer="defer"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder" defer="defer"></script>
<script type="text/javascript" src="js/lightbox.js" defer="defer"></script>
phpmyvisites
<a href="http://www.phpmyvisites.net/" title="Free web analytics, website statistics"
onclick="window.open(this.href);return(false);"><script type="text/javascript" defer="defer">
<!--
var a_vars = Array();
var pagename='';
var phpmyvisitesSite = 1;
var phpmyvisitesURL = "http://www.thegayestwebsiteever.com/stats_script/phpmyvisites.php";
</script>
<script language="javascript" src="http://www.thegayestwebsiteever.com/stats_script/phpmyvisites.js" type="text/javascript" defer="defer"></script>
<object><noscript><p>Free web analytics, website statistics
<img src="http://www.thegayestwebsiteever.com/stats_script/phpmyvisites.php" alt="Statistics" style="border:0" />
</p></noscript></object></a>
<!-- /phpmyvisites -->
<!-- videobox -->
<!--<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript" src="js/videobox.js"></script>-->
<!-- stylesheets -->
<link rel="stylesheet" href="css/simple.css" type="text/css" />
<link rel="stylesheet" href="css/global_navi.css" type="text/css" />
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/videobox.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/loginmodule.css" type="text/css" />
<!-- please check the linked css for additional styles. -->
<!-- CONTENT DOES NOT GO ON THIS PAGE! please edit the files in includes/content for actual content-->
<!-- Movie Gallery Popup Script -->
<script type="text/javascript" defer="defer">
window.onload=function()
{
var opts=['uriList1','uriList2','uriList3','uriList4','uriList5','uriList6','uriList7','uriList8','uriList9','uriList10','uriList11','uriList12','uriList13']; // Place in this array the ID of those drop down
for(var i=0;i<opts.length;i++)
{
document.getElementById(opts[i]).onchange=function()
{
if(this.value!='')
// Open new window. Set the preferences of your desire
window.open('http://www.thegayestwebsiteever.com/phptest/includes/content/members/mov/'+this.value+'','mywin','height=600,width=600');
}
}
}
</script>
<!-- -->
</head>
<body>
<table id="content" cellspacing="0" cellpadding="0" width="953" align="center">
<tr>
<td id="header">
<img height="84" width="953" border="0" alt="kiwi.png (908 bytes)" src="img/aurora_banner3.jpg" align="center"/>
<img width="953" alt="The reflection" src="reflect_v3.php?img=phptest/img/aurora_banner3.jpg" align="center"/><!--<img width="953" height="84" alt="Welcome to The Gayest Website EVER" alt="banner" src="img/aurora_banner3.jpg" /><img width="953" alt="reflection" src="reflect_v3?img=img/aurora_banner3.jpg" />-->
</td>
</tr>
<tr valign="top">
<td id="contentwrap" valign="top">
<?php include('includes/content/content_conditions.php'); ?>
</td>
</tr>
<tr valign="bottom">
<td id="adspace" align="center">
<?php include ("includes/page_elements/rotator.php"); ?>
</td>
</tr>
<br /><br />
<tr id="footer">
<td>
<?php include('includes/page_elements/footer.php'); ?>
</td>
</tr>
</table>
<br /><br />
</body>
<!-- Google Analytics -->
<script type="text/javascript" defer="defer">
defer="defer" var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript" defer="defer">
defer="defer" var pageTracker = _gat._getTracker("UA-6170382-1");
pageTracker._trackPageview();
</script>
</html>
Thanks for the help guys. Here is my code: <!-- DT Centrepiece - files/permissionchecker.asp Version 1.0 --> <!-- DT Centrepiece - Connections/CP3.asp Version 1.0 --> <!-- DT Centrepiece - files/site.asp Version 1.0 --> <!-- DT Centrepiece - files/pagepermissions.asp Version 1.0 --> <!-- DT Centrepiece - files/settings.asp Version 1.0 --> <!-- DT Centrepiece - files/customcode.asp Version 1.0 --> <!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> <!-- DT Centrepiece - index.asp Version 1.0 --> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="shortcut icon" href="favicon.ico" /> <title>DT Centrepiece 3 - Home Page</title> <link rel="stylesheet" href="design/style.css" type="text/css" /> <!-- DT Centrepiece - files/menuconstructor.asp Version 1.0 --> <script type="text/javascript"> <!-- var time = 3000; var numofitems = 2; //menu constructor function menu(allitems,thisitem,startstate){ callname= "gl"+thisitem; divname="subglobal"+thisitem; this.numberofmenuitems = allitems; this.caller = document.getElementById(callname); this.thediv = document.getElementById(divname); this.thediv.style.visibility = startstate; } //menu methods function ehandler(event,theobj){ for (var i=1; i<= theobj.numberofmenuitems; i++){ var shutdiv =eval( "menuitem"+i+".thediv"); shutdiv.style.visibility="hidden"; } theobj.thediv.style.visibility="visible"; } function closesubnav(event){ if ((event.clientY <48)||(event.clientY > 107)){ for (var i=1; i<= numofitems; i++){ var shutdiv =eval('menuitem'+i+'.thediv'); shutdiv.style.visibility='hidden'; } } } // --> </script> </head> <body onclick="closesubnav(event);"> <a name="top"></a> <div class="skipLinks">skip to: <a href="#content">page content</a> | <a href="#pageNav">links on this page</a> | <a href="#globalNav">site navigation</a> | <a href="#siteInfo">footer (site information)</a> </div> <div id="masthead"> <!-- DT Centrepiece - files/sitetitle.asp Version 1.0 --> <h1 id="siteName">DT Centrepiece 3</h1><!-- DT Centrepiece - files/utility.asp Version 1.0 --> <div id="utility"> <a style="text-decoration:none">Welcome, Administrator</a> | <a href="manage.asp">Manage</a> | <a href="myaccount.asp">My Account</a> | <a href="logout.asp?continue=/cp3/index.asp">Log out</a> </div><!-- DT Centrepiece - files/global.asp Version 1.0 --> <div id="globalNav"> <img alt="" src="design/gblnav_left.gif" height="32" width="4" id="gnl" /> <img alt="" src="design/glbnav_right.gif" height="32" width="4" id="gnr" /> <div id="globalLink"> <a href='category.asp?page=Home+Page' id='gl1' class='glink' onmouseover='ehandler(event,menuitem1);'>Home Page</a><a href='category.asp?page=Home+Page+2' id='gl2' class='glink' onmouseover='ehandler(event,menuitem2);'>Home Page 2</a> </div> <!--end globalLinks--> <form id="search" action="index.asp"> <input name="searchFor" type="text" size="10" /> <a href="index.asp">search</a> </form> </div> <div id='subglobal1' class='subglobalNav'> <a href='index.asp?page=Home+Page'>Home Page</a> </div><div id='subglobal2' class='subglobalNav'> <a href='index.asp?page=DT+Browser'>DT Browser</a> | <a href='index.asp?page=Home+Page+2'>Home Page 2</a> </div> <!-- end globalNav --> </div> </div> <!-- end masthead --> <div id="pagecell1"> <!--pagecell1--> <img alt="" src="design/tl_curve_white.gif" height="6" width="6" id="tl" /> <img alt="" src="design/tr_curve_white.gif" height="6" width="6" id="tr" /> <!-- DT Centrepiece - files/breadcrumb.asp Version 1.0 --> <div id="breadCrumb"> <a href='index.asp?page=Home+Page'>Home Page</a> / </div> <div id="pageName"> <h2>Home Page</h2> <img alt="small logo" src="images/icon.png" height="48" width="48"/> </div> <div id="pageNav"> <!-- DT Centrepiece - files/sectionlinks.asp Version 1.0 --> <div id="sectionLinks"> <a href='#InternetNZ+treads+softly+on+bank+code'>InternetNZ treads softly on bank code</a> <a href='#Story'>Story</a> <a href='#Capsule'>Capsule</a> <a href='#Capsule2'>Capsule2</a> </div><!-- DT Centrepiece - files/relatedpages.asp Version 1.0 --> <div class="relatedPages"> <p><strong>Related Pages:</strong></p> <a href='index.asp?page=Home+Page+2'>Home Page 2</a> </div><!-- DT Centrepiece - files/customad.asp Version 1.0 --> <div id="relatedPages" class="relatedPages"> <!--Insert your custom website ad here. This ad will show under the related links. If you don't want to put an ad on your site, then simply delete the contents of this file. If you need this file back at any time, you can download it from our website. --> </div> </div> <div id="content"> <!-- DT Centrepiece - files/feature.asp Version 1.0 --> <div class='feature'><a name='InternetNZ+treads+softly+on+bank+code'></a><p><a href='deletecontent.asp?id=16&page='><img src='icons/delete_16.png' alt='' border='0' alt='Delete Content' /></a><a href='editcontent.asp?id=16&page='><img src='icons/documents_16.png' alt='' border='0' alt='Edit Content' /></a></p><a href='http://www.stuff.co.nz/4153156a28.html' target='_blank'><img src='http://www.fnbholdrege.com/media/Online1.jpg' alt='' width='280' height='200' border='0' /><h3>InternetNZ treads softly on bank code</a></h3><p><p> In a move that is likely to disappoint consumer advocates, InternetNZ has proposed only minor changes to a controversial banking code of practice that came into effect a month ago that could leave consumers footing the bill for Internet fraud. <br /><br /> The changes proposed by the non-profit society would mean that consumers could still be held liable for losses for Internet fraud, up to the value of any money in their account or their overdraft limit, if they accessed Internet banking using a computer that was not up-to-date with "any recent major security upgrades or releases".</p> <h6>[Via <a href="http://www.stuff.co.nz/" target="_blank">Stuff.co.nz</a>].</h6></p></div><!-- DT Centrepiece - files/story.asp Version 1.0 --> <div class='story'><a name='Story'></a><p><a href='deletecontent.asp?id=2'><img src='icons/delete_16.png' alt='' border='0' alt='Delete Content' /></a><a href='editcontent.asp?id=2'><img src='icons/documents_16.png' alt='' border='0' alt='Edit Content' /></a></p><a href='http://www4.webng.com/dtapplications/' target='_blank'><h3>Story</h3></a></h3><p>This is the new DT Centrepiece 3. This is a story.</p></div><!-- DT Centrepiece - files/capsule.asp Version 1.0 --> <div class='story'><table width='80%' cellpadding='0' cellspacing='0' summary='' align='center'><tr valign='top'><td class='storyLeft'><a name='Capsule'></a><p><a href='deletecontent.asp?id=4'><img src='icons/delete_16.png' alt='' border='0' alt='Delete Content' /></a><a href='editcontent.asp?id=4'><img src='icons/documents_16.png' alt='' border='0' alt='Edit Content' /></a></p><p><a href='http://www4.webng.com/dtapplications/' target='_blank'>Capsule</a></p><p>This is the new DT Centrepiece 3. This is a capsule.</p></td><td><a name='Capsule2'></a><p><a href='deletecontent.asp?id=5'><img src='icons/delete_16.png' alt='' border='0' alt='Delete Content' /></a><a href='editcontent.asp?id=5'><img src='icons/documents_16.png' alt='' border='0' alt='Edit Content' /></a></p><p><a href='#'>Capsule2</a></p><p>This is the new DT Centrepiece 3. This is a capsule.</p></td></tr></tr></table></div> <p style="font-size: x-small" align="right"><a href="#top">Top</a></p> </div> <!--end content --> <!-- DT Centrepiece - files/siteinfo.asp Version 1.0 --> <div id="siteInfo"> <img src="images/icon.png" width="20" height="20" /> <a href='siteinfo.asp?page=About+Us'>About Us</a> | <a href='siteinfo.asp?page=Site+Map'>Site Map</a> | <a href='siteinfo.asp?page=Privacy+Policy'>Privacy Policy</a> | <a href='siteinfo.asp?page=Contact+Us'>Contact Us</a> | ©2007 DT Services </div> </div> <!--end pagecell1--> <br /> <!-- DT Centrepiece - files/admin_page.asp Version 1.0 --> <div id="admin"> <a href="addcategory.asp"><img src="icons/add_16.png" border="0" alt="Add Category"></a> <p> </p> <a href="addpage.asp?page=Home+Page"><img src="icons/add_16.png" border="0" alt="Add Page"></a> <br /> <a href="deletepage.asp?page=Home+Page"><img src="icons/delete_16.png" border="0" alt="Delete Page"></a> <br /> <a href="editpage.asp?page=Home+Page"><img src="icons/documents_16.png" border="0" alt="Edit Page"></a> <br /><br /><br /> <a href="addcontent.asp?page=Home+Page"><img src="icons/add_16.png" border="0" alt="Add Content"></a> <br /> <a href="deleteallcontent.asp?page=Home+Page"><img src="icons/delete_16.png" border="0" alt="Delete All Content"></a> <br /> </div> <!-- DT Centrepiece - files/menuend.asp Version 1.0 --> <script type="text/javascript"> <!-- var menuitem1 = new menu(2,1,"hidden");var menuitem2 = new menu(2,2,"hidden"); // --> </script> </body> </html> For some odd reason, it shows this in Firefox and this in Internet Explorer... Any help? Cheers I am primarily a PPC / offsite SEO guy. My html skills are horrible and I can't do much more than basic text modificaitons using Microsoft Expression Web. One of my clients who has the site: http://www.grandaffairrental.com/ displays correctly in Google Chrome on all pages of the site. However in IE and possibly other browsers on the bottom of the home page the text overlaps and looks like garbage. Similar probelms exist on: http://www.grandaffairrental.com/AboutUs.htm (bottom) http://www.grandaffairrental.com/Services.htm (bottom right) http://www.grandaffairrental.com/PriceList.htm If someone could kindly tell me how to rectify this I'd greatly appreciate the assistance. Thanks in advance. Hi, can anyone help me with this? My site shows in firefox but when it is viewed using internet explorer, parts are missing and everything is everywhere. I really hope someone can teach me how to correct it. Site is www.agraphix.com.sg Thanks! ps: i know my html is a mess, i'm not really good at it. =/ Robbie. I have a wordpress blog in which on the single post page the container div is non-existent and the sidebar and footer go into the content div. The page displays fine in firefox it only has the problem in internet explorer. Any help would be greatly appreciated. Here is an example of the problem: http://purplemushroomreviews.com/gam...mption-review/ Hello, I am starting up a webradio at the moment. There's only one problem. My radioplayer does work in firefox, but won't work in internet explorer. This is the player script: Code: <object classid="CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715" name="player" width="215" height="45" standby="Loading" align="center">
<param name="URL" ref value="http://s2.myradiostream.com:988/">
<param name="rate" value="1">
<param name="balance" value="0">
<param name="currentPosition" value="280309411">
<param name="defaultFrame" value>
<param name="playCount" value="1">
<param name="autoStart" value="-1">
<param name="currentMarker" value="0">
<param name="invokeURLs" value="-1">
<param name="baseURL" value>
<param name="volume" value="10">
<param name="mute" value="0">
<param name="uiMode" value="mini">
<param name="stretchToFit" value="0">
<param name="windowlessVideo" value="0">
<param name="enabled" value="-1">
<param name="enableContextMenu" value="-1">
<param name="fullScreen" value="0">
<param name="SAMIStyle" value>
<param name="SAMILang" value>
<param name="SAMIFilename" value>
<param name="captioningID" value>
<param name="enableErrorDialogs" value="0">
<param name="_cx" value="3969">
<param name="_cy" value="926">
<embed src="http://s2.myradiostream.com:9988/" type="application/x-mplayer2" pluginspage="http://www.microsoft.com/windows/windowsmedia/download/" name="MediaPlayer" showControls="1" showDisplay="0" showStatusBar="0" width="195" height="35"></embed>
</object>
My wish is that the player works in internet explorer and firefox. Is there someone who can help? (sorry for my bad english, I'm dutch) www.allontheside.com The flash video works fine in safari, and firefox but internet explorer doesn't even recognize it as a flash file.. any1 have any suggestions? My site looks perfect in all other browsers, but in Internet Explorer (possibly only earlier versions) the alignment of everything is completely off...My blog content appears to the right of the header instead of under it... I validated my code and still no luck, I am stuck! Any help is greatly appreciated! My site is: http://fashion.pocketfullofgold.com THANKS!!! I created this website, http://www.earlyrain.com/jonathan... on my Mac, and it works exactly how I want it in Safari. But, when I go to my mom's PC with 2000 on it (internet explorer 6), the entire page is just random pictures everywhere and looks horrible. Then I can go into Firefox on her PC and the placement of everything works, but some of the pictures won't show up. There's a place for them, but I can't see them. so, I really need some help with the IE problem, seeing as I don't have these problems on my computer... Hi, It seems that a lot of threads of this board are geared towards people having CSS issues in IE, I'm learning how to make websites at the moment and have also noticed this issue. Why have Microsoft not done something about this? I don't understand, it seems like Firefox and other browsers have always been a few years in front of IE over the years, so why won't Microsoft just make a browser compatible with all the latest CSS features, if Firefox can do it I don't understand why Microsoft can't? Is making the browser more update really that difficult? i have a site that works like charm in firefox but in internet explorer it results to a not found page.Its index page is full of tables and whn i erase some tr it work in internet explorer too I want to fix some of the images and links at fix position on the website on all pages. So i have used Div tag and given position fixed and mentioned the position required for me. It works fine in Chrom, Mozilla but does not works in Internet explorer. I tried all versions of IE from 7 to 9. But it is not looking in same way as it looks in other browsers. You too can visit this url: http://www.arete.in/sgcdesign/practice.html Hi Guys, Would it be possible if someone could take a quick look at this website using Explorer (Safari, Omniweb, Firefox, Netscape, etc, all seem fine) and let me know why the images don't line up and more importantly, the audio player is playing somone else's songs rather than what is suppose to be there. This only happens with Explorer. If it helps any, this site was created using Dreamweaver MX on a Mac. None of us really know what we're doing but we are trying. http://loudnoize.com Thank you for your time. Very much appreciated.. Adam I also just realized that where ever on the page, shows either a "mapping icon or Named Anchor icon", this is where the pages separate in Explorer. Thanks again... http://loudnoize.com/ie.png A. Hi all, I'm have a problem with my mouse over buttons. They work under FireFox, but they don't with IE, DAMN IE! Can someone take a look at my code? It's about the "BUY", "INFO" and "CONTACT" buttons. HTML 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>
<META http-equiv="Content-Type" content="text/html; charset=utf-8" />
<META name="author" content="-">
<META name="copyright" content="© -">
<META name="keywords" content="-">
<META name="date" content="2008-11-11T00:45:00+00:00">
<TITLE>Artmania Art Galleries</TITLE>
<link REL="shortcut icon" HREF="icon.ico" > <!-- Icon in the address bar -->
<SCRIPT TYPE="text/javascript" SRC="rip.js"></SCRIPT> <!-- Anti rip java script -->
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function change_all()
{
parent.main_frame.location="main.php";
parent.right_frame.location="paintings.php";
}
//-->
<!--
function change_buy()
{
parent.main_frame.location="main.php";
parent.right_frame.location="buy.php";
}
//-->
<!--
function change_info()
{
parent.main_frame.location="main.php";
parent.right_frame.location="paintings.php";
}
//-->
<!--
function change_contact()
{
parent.main_frame.location="main.php";
parent.right_frame.location="contact.php";
}
//-->
</script>
<script language="javascript">
function ShowPic(sImage)
{
sImage = sImage ; document.ShowRoom_buy.src = sImage;
}
function ShowPic2(sImage)
{
sImage = sImage ; document.ShowRoom_info.src = sImage;
}
function ShowPic3(sImage)
{
sImage = sImage ; document.ShowRoom_contact.src = sImage;
}
</script>
</HEAD>
<!-- Background color of the webpage -->
<BODY BGCOLOR="#FFFFFF">
<!-- The background image build out of 25 images, put into a TABLE -->
<TABLE ID="TABLE_01" STYLE="position:absolute; top:7px; left:7px; overflow:auto" WIDTH="1000px" HEIGHT="700px" BORDER="0" CELLPADDING="0" CELLSPACING="0">
<TR>
<TD>
<IMG SRC="images/layout_01.gif" WIDTH="200" HEIGHT="140" BORDER="" ALT="" USEMAP="#home"></TD>
<TD>
<IMG SRC="images/layout_02.gif" WIDTH="200" HEIGHT="140" BORDER="" ALT="" USEMAP="#home2"></TD>
<TD>
<IMG SRC="images/layout_03.gif" WIDTH="200" HEIGHT="140" BORDER="" ALT="" USEMAP="#home3"></TD>
<TD>
<IMG SRC="images/layout_04.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
<TD>
<IMG SRC="images/layout_05.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/layout_06.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
<TD>
<IMG SRC="images/layout_07.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
<TD>
<IMG SRC="images/layout_08.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
<TD>
<IMG SRC="images/layout_09.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
<TD>
<IMG SRC="images/layout_10.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/layout_11.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
<TD>
<IMG SRC="images/layout_12.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
<TD>
<IMG SRC="images/layout_13.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
<TD>
<IMG SRC="images/layout_14.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
<TD>
<IMG SRC="images/layout_15.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/layout_16.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
<TD>
<IMG SRC="images/layout_17.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
<TD>
<IMG SRC="images/layout_18.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
<TD>
<IMG SRC="images/layout_19.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
<TD>
<IMG SRC="images/layout_20.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/layout_21.gif" WIDTH="200" HEIGHT="140" BORDER="0" ALT="" ID="ShowRoom_buy" USEMAP="#buy"></TD>
<TD>
<IMG SRC="images/layout_22.gif" WIDTH="200" HEIGHT="140" BORDER="0" ALT="" ID="ShowRoom_info" USEMAP="#info"></TD>
<TD>
<IMG SRC="images/layout_23.gif" WIDTH="200" HEIGHT="140" BORDER="0" ALT="" ID="ShowRoom_contact" USEMAP="#contact"></TD>
<TD>
<IMG SRC="images/layout_24.gif" WIDTH="200" HEIGHT="140" ALT="" ></TD>
<TD>
<IMG SRC="images/layout_25.gif" WIDTH="200" HEIGHT="140" ALT="" ></TD>
</TR>
</TABLE>
<!-- rectangle links with the coordinates -->
<MAP NAME="home">
<AREA shape="rect" ALT="Artmania Art Galleries" COORDS="46, 35, 200, 72" href="javascript:change_all()">
</MAP>
<MAP NAME="home2">
<AREA shape="rect" ALT="Artmania Art Galleries" COORDS="0, 35, 200, 112" href="javascript:change_all()">
</MAP>
<MAP NAME="home3">
<AREA shape="rect" ALT="Artmania Art Galleries" COORDS="0, 35, 195, 112" href="javascript:change_all()">
</MAP>
<MAP NAME="buy">
<AREA onMouseOver="ShowPic('images/layout2_21.gif')" onmouseout="ShowPic('images/layout_21.gif')" shape="rect" ALT="buy" COORDS="52, 30, 142, 57" href="javascript:change_buy()">
</MAP>
<MAP NAME="info">
<AREA onMouseOver="ShowPic2('images/layout2_22.gif')" onmouseout="ShowPic2('images/layout_22.gif')" shape="rect" ALT="info" COORDS="58, 30, 148, 57" href="javascript:change_info()">
</MAP>
<MAP NAME="contact">
<AREA onMouseOver="ShowPic3('images/layout2_23.gif')" onmouseout="ShowPic3('images/layout_23.gif')" shape="rect" ALT="contact" COORDS="65, 30, 155, 57" href="javascript:change_contact()">
</MAP>
<!-- The FRAMEs where the main text, slogan and paintings are displayed -->
<DIV STYLE="position:absolute; top:187px; left:57px; WIDTH:510px; HEIGHT:230px">
<IFRAME NAME="main_frame" MARGINHEIGHT="0" MARGINWIDTH="0" FRAMEBORDER="0" HEIGHT="230" WIDTH="510" SRC="main.php" ID="main_frame"></IFRAME>
</DIV>
<DIV STYLE="position:absolute; top:191px; left:617px; WIDTH:315px; HEIGHT:432px">
<IFRAME NAME="right_frame" MARGINHEIGHT="0" MARGINWIDTH="0" FRAMEBORDER="0" HEIGHT="432" WIDTH="315" SRC="paintings.php" ID="right_frame"></IFRAME>
</DIV>
<DIV STYLE="position:absolute; top:466px; left:60px; WIDTH:499px; HEIGHT:81px">
<IFRAME NAME="slogan_frame" MARGINHEIGHT="0" MARGINWIDTH="0" FRAMEBORDER="0" HEIGHT="81" WIDTH="499" SRC="slogan.php" ID="slogan_frame"></IFRAME>
</DIV>
<DIV STYLE="position:absolute; top:675px; left:405px; WIDTH:200px; HEIGHT:30px">
<IFRAME NAME="copyright_frame" MARGINHEIGHT="0" MARGINWIDTH="0" FRAMEBORDER="0" HEIGHT="30" WIDTH="200" SRC="copyright.php" ID="copyright_frame"></IFRAME>
</DIV>
</BODY>
</HTML>
Hey, Recently I've been coding the research group webpage for work. I used standard HTML 4.01 and CSS, which all verified perfectly with W3C, but for some reason IE is throwing a proper hissy fit! Whatever other browser I use (Firefox, Safari, Opera, and Google Chrome) it works fine, but IE doesn't seem to see the base properly so all my image and style file subdirectories aren't found. Here's a few lines from the header where I define the stuff of interest: HTML Code: <title>Mark E Vardy - Summary</title> <base href=""> <link rel="stylesheet" media="all" type="text/css" href="css/layout.css"> <link rel="stylesheet" media='all' type="text/css" href="css/style.css"> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> Anyone any ideas? Hey guys, My company is building this website and it seems like we're having quite a bit of trouble with the rollovers and their alignment in Internet Explorer versions before 7. It would be awesome if any of you could give us some insight as to why (other than asking customers to upgrade their explorer or switching to firefox). Another thing is the portfolio section is falling a little too far below the title for a designer's comfort (we're a graphic design studio... not web experts).... how might I be able to fix it? I want to thank everyone who's helped us in the past and hope someone can help us again! Theia Hi, Now am developing a site for my company, am using HTML and CSS for site designing. If I view the page in Firefox and IE, Firefox looks correct, but in IE the page looks some extra spaces. Is there any tag (or) code is available to fix this issue.. (or) Please advise me a solution to correct the issue. Thanks for your help in advance. |
|||||||