May 21, 200818 yr Hi there, I am hoping some of you eagle-eyed HTML/CSS gurus can assist me on this IE6 issue. Its a strange one. Either I am missing something obvious or something weird is going on. I haven't designed or coded this site, but have been given the job of sorting out some IE6 issues that are occurring. Homepage Internal page CSS file The homepage looks fine, with logo in top right and dark blue container background. However, if you go to any of the internal pages (see link above) you will see that the logo at top-right and the dark container background disappear. This only happens on IE6. IE7 and Firefox display everything fine. The internal pages are index files each in their own folder which is why I thought it was a paths problem somewhere either with links to stylesheets, or links to background images from within the stylesheets. But if you look at the CSS above, I have now switched the paths to absolute paths to background images, and yet it still doesnt work! Interestingly, if I move any of the internal pages up a level to the root, everything renders fine in IE6! Look HERE To sum up.. its driving me crazy and I need some fresh eyes to take a look at it and see if anything jumps out as being an error... so I would be extremely grateful if someone could spare a few minutes to take a look at it, and hopefully it will be something simple! Many thanks in advance
May 21, 200818 yr Is there anything in pngfix.js that specifies paths? Therefore not working when the folder structure changes?
May 21, 200818 yr Author Thanks ElanMan... Not that I can see... (or understand!) : var arVersion = navigator.appVersion.split("MSIE") var version = parseFloat(arVersion[1]) if ((version >= 5.5) && (document.body.filters)) { for(var i=0; i<document.images.length; i++) { var img = document.images[i] var imgName = img.src.toUpperCase() if (imgName.substring(imgName.length-3, imgName.length) == "PNG") { var imgID = (img.id) ? "id='" + img.id + "' " : "" var imgClass = (img.className) ? "class='" + img.className + "' " : "" var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' " var imgStyle = "display:inline-block;" + img.style.cssText if (img.align == "left") imgStyle = "float:left;" + imgStyle if (img.align == "right") imgStyle = "float:right;" + imgStyle if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle var strNewHTML = "<span " + imgID + imgClass + imgTitle + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";" + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader" + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>" img.outerHTML = strNewHTML i = i-1 } } }
May 21, 200818 yr I've had a quick look and can't find anything concrete that I can suggest. I think your paths are OK. I noticed your <head> area changes fomr the home page to the sub-section pages, have you tried making the <head> sections the same? Adding <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script> and <html xmlns="http://www.w3.org/1999/xhtml">
May 21, 200818 yr Author Thanks a lot, I noticed they weren't consistent between pages. I will implement that straight away. It is a weird one though isn't it.. ! If anyone else can spot anything I would be enormously grateful for any further input!
May 22, 200818 yr Author Just to say that I successfully solved this problem. It defied all logic and I am still not happy at the hack I had to do to get it working, but at least it does work. Thanks for the suggestions anyway, Im hoping thsi one doesnt rear its ugly head again in the near future.
May 22, 200818 yr Author Sure... For some reason, any files inside subfolders were not correctly linking to the background images in the images folder in root (one level up). I tried everything, even absolute paths to them... but no go, they wouldnt show up in IE6. So, wait for it, you'll love this... I made duplicate copies of my root css and images folder into EVERY subfolder... and relinked the CSS to point to the files in the subfolders, not the folder at the root level. It worked... no idea why it didnt pick up the files that were store one level up, but I was beyond caring. Its not an ideal solution, but I was fed up, it wasnt my design or code, and I just needed to make the IE6 problem go away!
Create an account or sign in to comment