Search the Community
Showing results for tags 'ie'.
Found 24 results
-
https://www.w3schools.com/howto/howto_js_collapsible.asp Whenever I use the code modified or direct into an html, it works in Edge, Chrome and Firefox and not in IE. Any idea what would cause this? Thanks!
-
$('#uploadimgdiv').html(''); this statement execute working in all browsers but in IE not accepting displaying error like Unable to get property 'call' of undefined or null reference please help me
-
Hi guys, i have a sticky popup contact us form on a website im playing around with locally. When the user clicks on the Contact Us button, the contact us form fly's out from the rhs. I am unable to get IE 11 to correctly position the "sticky-popup-right .popup" title in css (although it seems to work fine in chrome and firefox). please note, there is code in the attached css file for other popup locations (Right Side Popup style, Right Bottom and Left Bottom Side Popup Style, Left Side Popup Style). The only one im interested in at present is the Right Side Popup style. sticky-popup.css
-
i'm learning ajax along with javascript. while learning i'm trying something as responseText. what i tried works fine on CHROME version 36(dev) but doesn't work on Internet Explorer version 11. this is what i tried <head><script type="text/javascript">var XMLHttpRequestObject = false;if (window.XMLHttpRequest) { XMLHttpRequestObject = new XMLHttpRequest();} else if (window.ActiveXObject) { XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHttp");}function getData(dataSource, divID){ if(XMLHttpRequestObject) { var obj = document.getElementById(divID); XMLHttpRequestObject.open("GET", dataSource); XMLHttpRequestObject.onreadystatechange = function() { if (XMLHttpRequestObject.readyState == 4 && XMLHttpRequestObject.status == 200) { obj.innerHTML = XMLHttpRequestObject.responseText; } } XMLHttpRequestObject.send(null); }}</script></head><body><table><tr><td><a id="note" href="javascript:getData('note.php?', 'note')" class="link">Note</a></td><td id="note"></td></tr></table> please help me find what i missed........
-
I've got a multi-tab web form that works just fine on Internet Explorer (Versions 10 and 11) but not on Firefox (Version 27). I've got the problem narrowed down to two (2) javascripts. They both have a common set of commands that may well be the cause of this problem. The common command is "document.getElementById('Frame or Tab ID').innerHTML". Although I've got it narrowed down to this source, I have no idea why it is happening or what I can do to fix it. I'd like to get this form to work on both platforms (i.e., IE and Firefox). Does anyone have any suggestions?
-
Hi there, I'm back with one that would again considered a pretty obvious question. I hope not to be too annoying but, on the other hand, I guess it will be easy for you to address this little problem. Let's say I have a link with id="goo" and I want it to be opened in another tab and leave the current tab unchanged (kinda like doing right click -> open in new tab). And I want to use listeners not handlers. So that's my code so far: var linkEst ={ init:function() { var link = document.getElementById("goo") if(typeof link.addEventListener != "undefined") { link.addEventListener("click", linkEst.oTab, false) } else if (typeof link.attachEvent != "undefined") { link.attachEvent("onclick", linkEst.oTab) } }, oTab:function(event) { if(typeof event == "undefined") { event = window.event } if(typeof event.preventDefault != "undefined") { open(this.href) event.preventDefault() } else { open(this.href) event.returnValue = false } }}linkEst.init() Works like a charm in FF, but messes up in IE. IE pops an error: "can't find /path/to/undefined". As soon as I click ok he then follows the link (in the same tab). So I assume that in IE's case, this is not pointing to the actual address, or is the error somewhere else? As always, thanks in advance for any kind of help or suggestion. I know I can find snippets to achieve the same result, but I'm trying to learn as best as I can.
-
Hello, I have been looking all over for why my web site will not work correctly with css. My header completely is gone some IE, but works fine in chrome. In my godaddy snap shot it is also gone. Who ever can help me solve this issue it would be greatly appreciated. As you will probably find in my work I am self taught, but thanks for your help in advanced. my web site: www.eBommarito.com
-
I am designing a website which is responsive with css3 media queries. As we know that css3 is not supported in ie8 or less. So what should be the strategy for me to handle the website in ie8 or less. Thanks
-
Hi all, As the title tells you already my website isn't shown properly in IE (any version). On my mac everything is fine. But as you can see on the screenshot my sidebar is too narrow in IE. I want it to be as long as the footer. I would be happy if someone could tell me what I put wrongly or didn't put at all in my CSS.. Thanks! PS: I made it in WORDPRESS, theme=Twenty Eleven, sidebar="#secondary" http://f.cl.ly/items/2N432K3b123J190i1p03/Naamloos.jpg My child-CSS: #page {margin-top:0px; font-family:Helvetica Neue; background: none repeat scroll 0 0 rgba(0, 0, 0, 0); margin-bottom:0;}body {font-family:Times; font-size:14px;}#content {width:500px; height:388px; opacity:1 !important; padding-left:30px;}#primary {height:579px; background:white !important;}#access a {color:#eeec73; font-size:15px; font-family:Helvetica Neue; width:67px; text-align:center; line-height: 7.333em; height:110px;}#secondary {margin-top:-6px; margin-right:-4px; border-left:none; max-height:400px; add_width:300px;}#branding {border-top:none;}#branding img {float:right;}#supplementary {border-top:0;padding: 1.325em 0%;}#site-generator {text-align:left; border-top:0px; background: rgba(255, 255, 255, 0.1); width:984px;}#site-generator a {margin-left:10px; color:white;}/* Two Footer Widget Areas */#supplementary.two .widget-area {float: left;margin-right: 3.7%;width: 48.1%;}#primary {margin: 0 -26.4% 0 0;width: 61.9%;}#content {margin: 0 34% 0 0%;width: 90%;}#secondary {margin-right: 0%;width: 38.8%;}#secondary img {border:none; width:100%; height:579px;}#access div {margin-left: 10px;}#access img {width:379px; height:95px; background:transparent; margin-top:8px; color:white;}#access { background: transparent; clear: both; display: inline; float: left; margin:0; width: 1000px; height:110px; border-top:0; }#access li:hover > a,#access a:focus {background: rgba(255, 255, 255, 0.1); color:white; font-weight:500;}#access li:hover > a { background: rgba(255, 255, 255, 0.1); color:white; font-weight:300;}#access .current-menu-item > a,#access .current-menu-ancestor > a,#access .current_page_item > a,#access .current_page_ancestor > a { background-color: rgba(255, 255, 255, 0.1); color:white; font-weight:300;}.entry-title { display: none;}.hentry, .no-results {border-bottom: 0px solid #DDDDDD;}
-
I've stumbled upon yet another trouble with internet explorer where my images mysteriously becomes 1px by 1px instead of sizing according to it's container like other browsers.I googled the problem and it seems like a lot of people gets this problem when applying heigh:auto; to an image. I accually had this applied but it wasn't solved by removing it.I'll just leave an url for the page here so you can see for yourselves:http://tec.macework.se/catalog/products/components/ Any clues?
-
Hi there i dont know if i have put this in the correct place or not but hopefully you's will be able to help with this issue or at least point me in the right direction.I am new to the whole html and css however i have been building a website for my football for a while now thanks to this website and forum. The webisite so far seem to be fine in both firefox and chrome. However when checking internet explorer i have now came across an issue that i cant find a answer for.The website houses a menu system on the left hand side of the screen and when the user hover's their pointer over the required menu option another level should appear to show options for that menu header. (The html code for the menu will be added at the end of the comment along with the css style for the menu.) However with internet explorer the second level menu will not appear and i dont know why. If some could explain why this is happening or give me an idea into fixing the issue. HTML menu code <div class="box"> <img src="../Pictures/Main-Site/Menu.jpg" width="140px" style="margin-left:6px; margin-top:2px; margin-bottom:4px;"/> <br/> <div id="menuwrapper"><!-- Navigation System --> <ul><!-- LEVEL ONE --> <li><a href="index.html">Home</a></li> <li><a href="Squads.html">Squads</a> <ul><!-- LEVEL TWO --> <li><a href="SaturdaySquad.html">Saturday Squad</a></li> <li><a href="SundaySquad.html">Sunday Squad</a></li> </ul> </li> <li><a href="Fixtures.html">Team Fixtures</a> <ul><!-- LEVEL TWO --> <li><a href="SatFixtures.html">Saturday Team</a> <!--<ul> LEVEL THREE <li><a href="SatLeagueCup.html">League Cup</a></li> <li><a href="SatLeagueCup.html">GDSML Cup</a></li> <li><a href="SatFixtures.html#September">September</a></li> <li><a href="SatFixtures.html#October">October</a></li> <li><a href="SatFixtures.html#November">November</a></li> <li><a href="SatFixtures.html#December">December</a></li> <li><a href="SatFixtures.html#January">January</a></li> <li><a href="SatFixtures.html#February">February</a></li> <li><a href="SatFixtures.html#March">March</a></li> <li><a href="SatFixtures.html#April">April</a></li> </ul>--> </li> <li><a href="SunFixtures.html">Sunday Team</a> <!--<ul> LEVEL THREE <li><a href="SunFixtures.html#August">August</a></li> <li><a href="SunFixtures.html#September">September</a></li> <li><a href="SunFixtures.html#October">October</a></li> <li><a href="SunFixtures.html#November">November</a></li> <li><a href="SunFixtures.html#December">December</a></li> <li><a href="SunFixtures.html#January">January</a></li> <li><a href="SunFixtures.html#February">February</a></li> <li><a href="SunFixtures.html#March">March</a></li> <li><a href="SunFixtures.html#April">April</a></li> </ul>--> </li> </ul> </li> <li><a href="#">League Tables</a> <ul><!-- LEVEL TWO --> <li><a href="SatLeagueTable.html">Saturday League</a></li> <li><a href="SunLeagueTable.html">Sunday League</a></li> </ul> </li> <li><a href="Sponsors.html">Sponsors</a> <ul><!-- LEVEL TWO --> <li><a href="http://www.carringtondean.com" target="_blank">Carrington Dean</a></li> <li><a href="http://www.musicmagpie.com" target="_blank">Musicmagpie</a></li> <li><a href="http://www.turnbullmccarron.com" target="_blank">Turnbull and McCarron</a></li> </ul> </li> <li><a href="#">About Us</a> <ul><!-- LEVEL TWO --> <li><a href="ContactUs.html">Contact Us</a></li> <li><a href="http://www.facebook.com/profile.php?id=100003892391812" target="_blank">FACEBOOK</a></li> </ul> </li> <!--<li><a href="Members_Area/index.html">Members</a> <ul> <li><a href="Members_Area/join_form.php">New Members</a></li> <li><a href="Members_Area/login_form.php">Sign In</a></li> <li><a href="lost_pw.php">Lost Password</a></li> <li><a href="password_change.php">Change Password</a></li> </ul> </li>--> </ul> </div> <br/> <img src = "../Pictures/Main-Site/RoyalArmsScotland.png" width = "120" height = "130" style="margin-left:10%;"/> </div> CCS Style for the menu .left-sidebar{ float:left;}.box { float:left; background: navy; /*width: 160px;*/ font-family: Times New Roman; /*font-size: large;*/ color:white; margin-left:30px; margin-right:30px; border-right:solid 1px yellow; border-left:solid 1px yellow;}A:LINK { color: white; border-bottom: none;}A:VISITED { color: white; text-decoration: none; border-bottom: none;}A:HOVER { Color: none;}/* We remove the margin, padding, and list style of UL and LI components */#menuwrapper ul, #menuwrapper ul li{ margin:0; padding-left:1px; list-style:none; /*text-align:center;*/}#menuwrapper a:hover, a:active{ color:navy;}#menuwrapper li:hover > a{ color:navy;}/* We apply background color and border bottom white and width to 150px */#menuwrapper ul li{ background-color:navy; /*border-left:solid 1px yellow;*/ width:150px;}/* We apply the background hover color when user hover the mouse over of the li component */#menuwrapper ul li:hover,ul li:active{ background-color:white; color:navy; position:relative; }/* We apply the link style */#menuwrapper ul li a{ padding:5px 15px; display:block; text-decoration:none;}#menuwrapper ul li a:hover{ padding:5px 15px; display:block; text-decoration:none;}#menuwrapper ul li a:active{ color: navy; padding: 5px 15px; display: block; text-decoration: none; font-size: 14px;}/**** SECOND LEVEL MENU *** *//* We make the position to absolute for flyout menu and hidden the ul until the user hover the parent li item */#menuwrapper ul li ul{ position:absolute; display:none;}/* When user has hovered the li item, we show the ul list by applying display:block, note: 150px is the individual menu width. */#menuwrapper ul li:hover ul{ left:150px; top:0px; display:block; border:solid 1px yellow;}/* we apply different background color to 2nd level menu items */#menuwrapper ul li ul li{ background-color:blue; border-bottom:solid 1px yellow;}/* We change the background color for the level 2 submenu when hovering the menu */#menuwrapper ul li:hover ul li:hover{ background-color:white; color:navy;}/* We style the color of level 2 links */#menuwrapper ul li ul li a{ color:yellow; display:inline-block; width:150px;}/* LEVEL 3 */#menuwrapper ul li:hover ul li ul { position:absolute; display:none;}/* When user has hovered the li item, we show the ul list by applying display:block, note: 150px is the individual menu width. */#menuwrapper ul li ul li:hover ul { left:150px; top:0px; display:block; border:solid 1px yellow;}/* we apply different background color to 3rd level menu items */#menuwrapper ul li ul li ul li{ background-color:blue; border-bottom:solid 1px yellow;}/* We change the background color for the level 3 submenu when hovering the menu */#menuwrapper ul li ul li:hover ul li:hover{ background-color:white; color:navy;}/* We style the color of level 2 links */#menuwrapper ul li ul li ul li a{ color:white; display:inline-block; width:120px;} hopefully someone can get the bottom of this its been driving me nuts for days now lol
-
I have a url (on a separate server with a different domain name) that gives me various parameters I need. I've managed to get the results, but for some reason it doesn't show any results at all in IE and I'm not sure why. It works in every other browser, but just not IE. I've checked the console and there's no errors at all, I've also used jslint.com to check the js code and that's all fine too. While I'm testing this I've removed everything else in the file so that there's nothing that can conflict with it. This is what I'm using to get the results. I have a separate js file that contains this: /*jshint -W061 */function call(url, parameters, callback) { "use strict"; $.ajax({ type: 'POST', url: url, data: parameters, success: function(data) { callback(data); }, cache: false } );} function loadJackpots() { "use strict"; call("https://www.domain.com/passkey", { JL: 0 }, function(data) { var divIdentifier, obj = eval('(' + data + ')'); $.each(obj.JL, function() { divIdentifier = ""; switch (this.gameID) { case 2: divIdentifier = "#snap"; break; case 5: divIdentifier = "#dominos"; break; case 1000: divIdentifier = "#chess1"; break; case 1001: divIdentifier = "#chess2"; break; case 1002: divIdentifier = "#chess3"; break; } if (this.gameID >= 1000) { switch (this.stakeID) { case 4: divIdentifier += "_50c"; break; case 5: divIdentifier += "_1d"; break; case 7: divIdentifier += "_2d"; break; case 9: divIdentifier += "_2d"; break; } } if (this.gameID === 1000) { switch (this.subID) { case 0: divIdentifier += "_1"; break; case 1: divIdentifier += "_2"; break; case 2: divIdentifier += "_3"; break; } } $(divIdentifier).html("$" + this.jackpot); }); } );} I use this to actually load the values: <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script><script type="text/javascript"> $(function() { loadJackpots(); }); </script> And to display the results I'm using this: <div id="chess1"><div id="chess1_50c">$1466.85</div><div id="chess1_1d">$1641.11</div><div id="chess1_2d">$378.04</div></div> <div id="chess3"><div id="chess3_50c">$303.86</div><div id="chess3_1d">$523.02</div><div id="chess3_2d">$1473.72</div></div> </div><div style="float: left; margin: 194px 0 0 185px;"><div id="chess2_1"><div id="chess2_50c_1">$195.26</div><div id="chess2_1d_1">$154.37</div><div id="chess2_2d_1">$193.76</div></div><div id="chess2_2"><div id="chess2_50c_2">$146.84</div><div id="chess2_1d_2">$119.58</div><div id="chess2_2d_2">$145.86</div></div><div id="chess2_3"><div id="chess2_50c_3">$2.96</div><div id="chess2_1d_3">$19.25</div><div id="chess2_2d_3">$121.89</div></div> </div></div><div style="height: 80px;"><div id="snap"><div id="snap_jp">$862.16</div></div> <div id="dominos"><div id="dominos_jp">$2823.18</div></div> I've also tried this but to no avail, it just gave me an error saying obj is undefined: <div id="dominos"><div id="dominos_jp">$2823.18</div><script language="javascript">document.getElementById("dominos_jp").HTML=obj.JL[1].jackpot</script></div> I'd be really grateful for any help with this as I've tried everything to get it sorted, but no matter what I do it just won't work in IE. I read something about Ajax doesn't allow cross domain requests but I don't know how to rectify this - the values come from a url that is on another domain and I can't change that.
-
So basically i would like my navigation to be on all browsers except IE 0 to 6 <![if !IE]> //So this would also have to have from ie 7 to latest <!--[if IE]> //This from ie stone age to ie 6 Site: http://mudsaf.info/
-
I'm having issues with this website I'm working on (temporary location for sharing): http://zach-php.host-ed.me/sjucc_new/ In Firefox and Chrome, it's coming up exactly how I want it to. However, when it comes to IE, it will push the Church's info and the marquee past the right side of the viewable page (i.e. you have to scroll right to see it), and the border is around the page, not at the width I set it to and the height to only surround the main content of the page. I've tried messing around with other DOCTYPEs, but can't seem to get anything to work properly. I'm sure I have something wrong in the CSS that I'm overlooking. It would help to have a fresh set of eyes. One last thing, only the index page is online. I won't get started with the other pages on the site until the format is correct with all three browsers. Thanks in advance! - Zach
-
Need expert help, Javascript is same as example, but has error in IE, works perfect in chrome/firefox. Jquery spectrum() colorpicker The example works perfect in Internet explorer, here: http://jsfiddle.net/bgrins/ctkY3/ Then on my test site, using the exact same css+js files it will not work on my site in IE: http://xekon.byethost7.com/ I have even simplified the example a bit. I cannot tell what the problem is, but I would certainly appreciate any help. I inspected the source at jsfiddle but did not see anything being done differently. edit: Also I am using windows 7, latest updates, Internet Explorer 9.0.8112.16421I have also tried from windows XP sp3, latest updates, Internet Explorer 8.0.6001.18702 -
I'm having issues with a list displaying properly, or at least how I'd like it to, in IE. It shows up like so in Firefox and Safari: With IE, the circles around the list items are squares. Does anyone have a fix for this? Here is the CSS for the list: .circlemenu{width: 100%;overflow:hidden;margin: 1.2em 0em} .circlemenu ul{margin: 0;padding: 0;font: bold 14px Geneva, Arial, Helvetica, sans-serif;list-style-type: none;text-align: left; /* "left", "center", or "right" align menu */margin: 0em 0em 0em 10em} .circlemenu li{display: inline;} .circlemenu li a{display:inline-block;text-align:center;text-decoration: none;border: solid 1pt #555555;color: #555555 ;margin: 0;margin-right:6em; /*right spacing between each link */width: 6em;height: 6em;border-radius: 4em; /*really large border radius to create round borders*/-moz-border-radius: 4em;-webkit-border-radius: 4em;} .circlemenu a span{position:relative;top:40%;} .circlemenu li a:visited{color: white;} .circlemenu a:hover{border: solid 1pt #CC0000;color: #CC0000;}
-
ok i need some help please. Web site looks fine in Firefox But not in IE villagrande-texmex.com the bottom is in white,can someone let me know how i can fix this problem or guide me the correct way '~' Thanks Jay
-
web site looks fine in firefox but not in IE -suggestions to make it better http://villagrande-texmex.comhttp://villagrande-texmex.com -
http://www.youtube.com/watch?v=vBmqUDbVb60&feature=youtu.be i made a video
-
Hi there, I have recently been trying some code out to replace the innerHTML contents from within a table row, i am now to discover that Internet Explorer which a lot of people still use insists of making innerHTML properties read only, although the code works flawlessly in Firefox and Google Chrome. The code i have currently got is shown below: document.getElementsByTagName("tr").innerHTML = document.getElementsByTagName("tr").innerHTML.replace(document.getElementsByTagName("tr").cells[j].childNodes[0].id,nameandid).replace(document.getElementsByTagName("tr").cells[j].childNodes[0].name,nameandid).replace(document.getElementsByTagName("tr").cells[j].childNodes[2].id,calendarid).replace(document.getElementsByTagName("tr").cells[selecttdid].childNodes[0].name,selectname); As you can see from the above code i am trying to tell a tag name TR which has an index of i innerHTML to change to itself but with some things replaced. You don't need to know what i am replacing inside the code as that code is all fine. What i would like to know is, what work around do i have to change the innerHTML using Javascript or JQuery? Some people have said to stick it into a Div tag but the problem is that the table is inside of a form and i am sending the elements from a form to a different page and so i would rather keep it inside the table row. I have also read that innerHTML can be used to modify specific cells from within a table i.e. contents inside a TD tag. Does anybody know how i can modify my code accordingly so that the debugger stops spitting out the "operation" error messages when i put debugging on due to trying to write to innerHTML? I have also tried using outerHTML and didn't seem to work either: document.getElementsByTagName("tr").outerHTML.replace(document.getElementsByTagName("tr").innerHTML,document.getElementsByTagName("tr").innerHTML.replace(document.getElementsByTagName("tr").cells[j].childNodes[0].id,nameandid).replace(document.getElementsByTagName("tr").cells[j].childNodes[0].name,nameandid).replace(document.getElementsByTagName("tr").cells[j].childNodes[2].id,calendarid).replace(document.getElementsByTagName("tr").cells[selecttdid].childNodes[0].name,selectname)); You will notice in the above i am trying to replace the innerHTML of an element(a TR tag at number i) with some things removed and again, because i am trying to modify the innerHTML...it was a no go again. Finally i have tried to modify a value property in internet explorer and this time it spits out a 5007 error saying that it is unable to set the value of the property, anybody know how i can get around this? My code again for this is below to what i currently tried: document.getElementById("unitstartdate"+totaltablerows).value = startdate; The ID's do exist and again this code worked fine in firefox and chrome, just not IE. I think i am more after a work around for both situations rather than you understanding what i am actually trying to replace etc. as the replace part of the code is fine, just will not write to HTML in Internet explorer using innerHTML, outerHTML or change a value of an element as mentioned. Any ideas are great. Mark
-
We have a web page that has a dark background and in IE, the black lettering is on dark background and you can't read it. In other browsers such as Chrome & Firefox, it displays correctly, the box that has the text is white and the lettering is black. My co-web-designer is telling me that Microsoft & Apple do not follow the rules and there is nothing you can do about it. I disagree there has to be a solution. The other day I edited one of the pages and it looked fine white box, black lettering, everything looked fine on my comptuer with all 3 browsers. i go back today and it has reverted back to the text box having the background of the entire web page and so is unreadable. I would like to know --- does IE truly not follow the rules? Is there no solution to this problem? If we change the background does that interfere with php programming? Thank you,Deb
-
Good day my friends, Here is the problemMy site opens (visualy) perfectly in Opera and IE9, but in firefox it moves the like buttons a little, and chrome moves the whole page around...Look at what I'm talking about http://Tuinadviesruud.nl ...Yes it is aired, and it should not be down. This has to be fixed ;/ I messed up the style pretty bad, I know no languages, thats why I messed it up. I can't seem to get it right. If you think you can easily solve this tell me!! I can also send you the style and index if you want to help me.Thanks, Haj
-
<!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" /><title>Untitled Document</title><script>window.onload = function(){ document.getElementById("txt").onkeypress = function(evt){ var evt = (evt) ? evt : ( (event) ? event : null ) ; var elem = (evt.target) ? evt.target : ( (evt.srcElement) ? evt.srcElement : null ) ; if((evt.keyCode == 13) && (elem.type == "text")) { document.getElementById("t").focus(); return false; }}}function c(){alert(document.getElementById("txt").value);}</script></head><body><form name="form" id="form" onchange="c();"><input id="t" type="input" value="t"/><input id="txt" type="input" value=""/><input id="t2" type="input" value="t2"/></form></body></html> The onChange event is only fired in IE9, not IE7 or IE8.
-
Well im having this problem on IE when my div closes and after that starts footer there is space like | | and when mozilla firefox there is no space after div and footer. So end of code goes like this </div><footer>© <?php echo $currentyear . " " . $websitename; ?> | Frequently asked questions | Terms of Agreement & Rules | Contact us</footer> Works like charm on mozilla but annoying space on ie or Chrome I could get quote from some1 that said "My code works in all decent browsers, ofcourse this means it won't work on IE"
