Hi, I have a continuing issue with the header in my website moving when first loading the page (with a clear cache). When I refresh the page the header moves back to where it belongs. I've included a couple of images for reference. I'm viewing the page on a Mac on Firefox 3.6 but I just tried the same web page on IE 5.2 and it works OK. It's the white text nav links along the dark blue bar that should sit horizontally center aligned but jump down, upon an F5 refresh they pop back up again in Firefox? Can anyone else see this happening please and if so can you think of anything I could do to remedy this. Link: http://www.makeextramoneyfromhome.co.uk Cheers.
the problem is a flash object in the very first div in your <body> Not sure what its even there for, it might be some kind of tracking script or something. Go in and remove this, or move it somewhere else on your page: <div id="atffc"><object width="1px" height="1px" id="atff" data="//bin.clearspring.com/at/v/1/button1.6.swf" type="application/x-shockwave-flash"><param name="wmode" value="transparent"><param name="allowScriptAccess" value="always"></object></div>
Thanks for the reply canadianguy_001. I've searched the code on my index page and can't actually find any reference to the code in your reply. Can you point me to the exact location you can see this please. Best regards.
Hi guys, thanks again for your reply, feel a bit confused here but I've done search for the code you suggested on all my site for: <div id="atffc"><object width="1px" height="1px" id="atff" data="//bin.clearspring.com/at/v/1/button1.6.swf" type="application/x-shockwave-flash"><param name="wmode" value="transparent"><param name="allowScriptAccess" value="always"></object></div> Code (markup): and I can't actually find it anywhere. The first DIV on my page looks like this: <div id="header"> <h1>make extra money from home</h1> <h2>make extra money from home with kleeneze plc uk and europe</h2> </div> Code (markup): and the first piece of script before that in the head of the page looks like this: <script type="text/javascript"> function MM_CheckFlashVersion(reqVerStr,msg){ with(navigator){ var isIE = (appVersion.indexOf("MSIE") != -1 && userAgent.indexOf("Opera") == -1); var isWin = (appVersion.toLowerCase().indexOf("win") != -1); if (!isIE || !isWin){ var flashVer = -1; if (plugins && plugins.length > 0){ var desc = plugins["Shockwave Flash"] ? plugins["Shockwave Flash"].description : ""; desc = plugins["Shockwave Flash 2.0"] ? plugins["Shockwave Flash 2.0"].description : desc; if (desc == "") flashVer = -1; else{ var descArr = desc.split(" "); var tempArrMajor = descArr[2].split("."); var verMajor = tempArrMajor[0]; var tempArrMinor = (descArr[3] != "") ? descArr[3].split("r") : descArr[4].split("r"); var verMinor = (tempArrMinor[1] > 0) ? tempArrMinor[1] : 0; flashVer = parseFloat(verMajor + "." + verMinor); } } // WebTV has Flash Player 4 or lower -- too low for video else if (userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 4.0; var verArr = reqVerStr.split(","); var reqVer = parseFloat(verArr[0] + "." + verArr[2]); if (flashVer < reqVer){ if (confirm(msg)) window.location = "http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"; } } } } </script> Code (markup): could you possibly relate your reply back to the code above. I tried moving the javascript code above to the bottom of the page but because it relates to the flash based TV advert half way down the home page this makes it dissapear from it's desired location. Any additional thoughts would be appreciated. Regards.
I would save a copy of the page as 'test.html' and then try removing the h1 tags & text and the h2 tags & text. Then see what happens. What I can say is that the issue seems to be before the menu. When I clear my FF cache the two title line *and* the menu line are positioned low. So, it's not just the menu. It's actually happening before the menu. It may have someting to do with the css definition of h2. It's got some stuff going on that I don't understand (I'm not great with css) with a margin of -94 and padding of 95. FF may not be able to render that the way the author intended. Temporarily removing the the h2 text would reveal whether or not the css definition of h2 is the problem. /*tom*/