Guest wamasterhunter Posted March 26, 2007 Share Posted March 26, 2007 Hi guys, My site ;here, is showing the session properly in IE7, but in FF, it is below the logo. Any ideas as to why? Then, if you look at the different pages, the home page is fine and so are most of the other pages, but if you check out the FAQs and Package Info page, the topheader has a background, and I have no clue why? Any help will be great. Thanks, Micah Quote Link to comment Share on other sites More sharing options...
Guest Posted March 26, 2007 Share Posted March 26, 2007 IE and FF intrepret css differently. There has been many discussions on this before - you might do a search on firefox. Quote Link to comment Share on other sites More sharing options...
Guest wamasterhunter Posted March 26, 2007 Share Posted March 26, 2007 thanks, I kind of figured that was what it would be, but the other problem is a lot harder to live with. Quote Link to comment Share on other sites More sharing options...
markscarts Posted March 26, 2007 Share Posted March 26, 2007 The best you can do toward having cross-browser compatibility in coding is to write valid code. If you write valid code, your site will look much better across different browser platforms. There will still be some anomalies, due to some browsers not displaying valid code properly, but in those cases it is relatively easy to make adjustments and use hackd to make them all look the same. In the case of sloppy coding, it is often much more difficult to spot what's making a page display badly. When I look at the code, if I find that a page is full from start to finish with invalid code, I quickly lose interest in spending time searching for the cause to some specific issue. The strange background problem you experience is probably due to bad code in the rich text editor, otherwise the difference would probably be consistent across cart pages vs. index pages . . . but since you only have the problem on two of your site documents, and even those two look quite different in the way the problem appears, my best guess is that it's something in the code pasted into rte. I note that browsers have difficulty finding the closing </div> for the topHeader division in your document. In addition, there is this: line 17 column 9 - Warning: missing </div> line 20 column 67 - Warning: discarding unexpected </style> line 28 column 5 - Warning: discarding unexpected </div> line 32 column 21 - Warning: missing </font> before <div> line 32 column 1 - Warning: missing </font> before <div> line 34 column 1 - Warning: inserting implicit <font> line 34 column 1 - Warning: inserting implicit <font> line 34 column 1 - Warning: missing </font> before <div> line 34 column 1 - Warning: missing </font> before <div> line 35 column 1 - Warning: inserting implicit <font> line 35 column 1 - Warning: inserting implicit <font> line 35 column 1 - Warning: missing </font> before <table> line 35 column 1 - Warning: missing </font> before <table> line 57 column 1 - Warning: discarding unexpected </font> line 57 column 8 - Warning: discarding unexpected </font> line 63 column 32 - Warning: unescaped & or unknown entity "&docId" line 62 column 84 - Warning: <br> element not empty or not closed line 64 column 32 - Warning: unescaped & or unknown entity "&docId" line 63 column 80 - Warning: <br> element not empty or not closed line 65 column 32 - Warning: unescaped & or unknown entity "&docId" line 64 column 85 - Warning: <br> element not empty or not closed line 66 column 32 - Warning: unescaped & or unknown entity "&docId" line 65 column 78 - Warning: <br> element not empty or not closed line 67 column 32 - Warning: unescaped & or unknown entity "&docId" line 66 column 80 - Warning: <br> element not empty or not closed line 68 column 32 - Warning: unescaped & or unknown entity "&docId" line 67 column 84 - Warning: <br> element not empty or not closed line 69 column 32 - Warning: unescaped & or unknown entity "&docId" line 68 column 76 - Warning: <br> element not empty or not closed line 72 column 1 - Warning: <border> unexpected or duplicate quote mark line 72 column 1 - Warning: <border> attribute with missing trailing quote mark line 72 column 1 - Error: <border> is not recognized! line 69 column 82 - Warning: <br> element not empty or not closed line 72 column 1 - Warning: discarding unexpected <border> line 81 column 1 - Error: <left> is not recognized! line 81 column 1 - Warning: discarding unexpected <left> line 91 column 102 - Warning: '<' + '/' + letter not allowed here line 91 column 111 - Warning: '<' + '/' + letter not allowed here line 97 column 98 - Warning: '<' + '/' + letter not allowed here line 97 column 106 - Warning: '<' + '/' + letter not allowed here line 100 column 1 - Warning: missing </strong> before <div> line 100 column 37 - Warning: inserting implicit <strong> line 100 column 90 - Warning: unescaped & or unknown entity "&catId" line 103 column 1 - Warning: <br> element not empty or not closed line 106 column 82 - Warning: unescaped & or unknown entity "&catId" line 109 column 1 - Warning: <br> element not empty or not closed line 111 column 82 - Warning: unescaped & or unknown entity "&catId" line 114 column 1 - Warning: <br> element not empty or not closed line 155 column 1 - Warning: <br> element not empty or not closed line 156 column 1 - Warning: discarding unexpected </strong> line 159 column 1 - Warning: <hr> element not empty or not closed line 164 column 1 - Warning: <border> unexpected or duplicate quote mark line 164 column 1 - Warning: <border> attribute with missing trailing quote mark line 164 column 1 - Error: <border> is not recognized! line 164 column 1 - Warning: discarding unexpected <border> line 166 column 39 - Warning: discarding unexpected </left> line 59 column 5 - Warning: <p> isn't allowed in <tr> elements line 284 column 1 - Warning: discarding unexpected </div> line 107 column 1 - Warning: <div> anchor "item1" already defined line 112 column 1 - Warning: <div> anchor "item1" already defined line 19 column 59 - Warning: trimming empty <p> line 32 column 21 - Warning: trimming empty <font> line 32 column 1 - Warning: trimming empty <font> line 34 column 1 - Warning: trimming empty <font> line 34 column 1 - Warning: trimming empty <font> line 170 column 6 - Warning: trimming empty <p> line 61 column 1 - Warning: trimming empty <p> line 77 column 1 - Warning: trimming empty <p> line 100 column 1 - Warning: trimming empty <strong> line 172 column 1 - Warning: trimming empty <span> line 189 column 12 - Warning: trimming empty <span> line 197 column 11 - Warning: trimming empty <span> line 205 column 11 - Warning: trimming empty <span> line 214 column 3 - Warning: trimming empty <p> line 215 column 6 - Warning: trimming empty <p> line 230 column 6 - Warning: trimming empty <p> line 238 column 6 - Warning: trimming empty <p> line 250 column 6 - Warning: trimming empty <p> 3 errors / 75 warnings I would strongly suggest that you go through all your pages, starting at index.tpl, correcting these errors before worrying about the other stuff. Most of these are repeating errors, and some are cascaded, meaning if you fix the main error others will disappear. The best use of your time at this early stage of learning to make carts is to learn to make them in valid code, IMO Quote Link to comment Share on other sites More sharing options...
Guest wamasterhunter Posted March 26, 2007 Share Posted March 26, 2007 I guessed that it was code from the editor also, and pasted everything into notepad to clear it, but it did not work. Thats my problem, I have tried to validate my CC cart before, and I got the same errors, but... Most everything it says is wrong is right. Which is as wierd. I will go through and look. Thanks, Micah Quote Link to comment Share on other sites More sharing options...
markscarts Posted March 26, 2007 Share Posted March 26, 2007 "Most everything it says is wrong is right" I like you Micah, based on your posts, but when you're wrong, you're wrong I'm only interested in helping you here, first thing is to admit you have a problem, LOL. Here is some more specific help: <center><div id="topHeader"></center> That code doesn't make sense. You can't center an opening division tag, you would have to center the whole division, which means you would have to put </center> after the closing </div> for <div id="topHeader"> rather than where it is. That is why a browser does not see a closing division for <div id="topHeader">, because the </center> tells it that a closing division tag has gone missing. Anyway, using that html tag <center> to center this division makes no sense, the proper way to do that is with styles at the topHeader id selector in your stylesheet. Just do away with the html center tags there and you will see some validation problems disappear. Next, there is this: <div style="padding: 15px 8px 15px 15px; margin: 0px;"><p><div style="padding-top: 2px;"> What in the world is an opening <p> tag for, sandwiched between two opening division tags? That's totally invalid, please delete the <p> ~ also, remember you are coding in xhtml 1.0 transitional. It is absolutely required that you close your paragraph tags, <p> cannot stand alone, rahyter you must have <p>some content</p> Quote Link to comment Share on other sites More sharing options...
Guest wamasterhunter Posted March 26, 2007 Share Posted March 26, 2007 Sorry, It must be the teen in me. LOL Ah, that makes sense, that is why I said that they were wrong, I was seeing the tags, but in the wrong place most of the time. Thank you for that. Off to index.tpl file>>>>>>>>> Will see if that works, Thanks, Micah Quote Link to comment Share on other sites More sharing options...
markscarts Posted March 26, 2007 Share Posted March 26, 2007 Next, there is this code: <span class="txtSessionGrey"><strong>Welcome Guest</strong></span></style> This is invalid, the </style> tag has no meaning here and does not belong. Please delete it. I think you will find this in boxes/session.tpl Quote Link to comment Share on other sites More sharing options...
Guest wamasterhunter Posted March 26, 2007 Share Posted March 26, 2007 Okay, that one I was trying to change the color on, not the right way I guess, it did not work. But my problem was I left it, instead of taking it out. THanks, Micah Quote Link to comment Share on other sites More sharing options...
markscarts Posted March 26, 2007 Share Posted March 26, 2007 Sorry, It must be the teen in me. LOL I had no idea that you were a teenager You seem wise beyond your years most of the time There's no time like now for you to learn about this kind of stuff, though, if you learn clean coding you will surpass oldies like me in no time :) Quote Link to comment Share on other sites More sharing options...
Guest wamasterhunter Posted March 26, 2007 Share Posted March 26, 2007 Hmmm, I cannot find </style> in either the index.tpl or the session.tpl.... I remember putting it there to, and I searched for it just now.... Where else would it be? ____________________ HAHAHA, its on me, I have two carts I am working on at the same time, I was searching the wrong one. LOL :) Quote Link to comment Share on other sites More sharing options...
markscarts Posted March 26, 2007 Share Posted March 26, 2007 Anyway, I see those types of problems in almost every line. I can't keep working on it, sorry. Anyway it is too difficult without looking at the source files, just viewing html source in my browser I can't always tell which file the code is coming from. Quote Link to comment Share on other sites More sharing options...
Guest wamasterhunter Posted March 26, 2007 Share Posted March 26, 2007 Thats okay, I can probably figure out the rest the same way. Thanks for helping me figure it out. All is going fine now that I am on the right cart. LOL Micah "I had no idea that you were a teenager You seem wise beyond your years most of the time" Thanks for compliment. :-) :) Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.