Announcement

Collapse
No announcement yet.

Fine in IE, but other browsers mess up. Help please!!

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Fine in IE, but other browsers mess up. Help please!!

    Hey everyone,
    OK, I've got a little problem. My site displays correctly in Internet Exlorer, but in other browsers (inc. Mozilla Firefox), it looks all stretched and displays incorrectly.
    Please see below:-
    +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    THIS IS HOW IT LOOKS IN INTERNET EXPLORER (AS I INTENDED):-


    BUT THIS IS HOW IT LOOKS IN FIREFOX & OTHER BROWSERS (WRONG, WEIRD GAPS ETC.):-


    Here is my source code:
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    Code:
    <html xmlns="http://www.w3.org/1999/xhtml">
    <meta http-equiv="Content-Language" content="en-gb">
    <title>Wrestling-Freeks.com Version 2.0 &lt;&gt; Homepage <> "THE NO-HOLDS-BARRED WRESTLING SITE!" <> </title>
    <style rolloverstyle>A:hover {color: #FF0000}
    </style>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta name="description" CONTENT="Wrestling-Freeks.com, the No-Holds-Barred Wrestling Site! We have everything a wrestling fan could ever want plus much, much more! Make W-F your #1 stop for the very latest wrestling industry news 24/7!">  
    <META name="expires" content="Never">
    <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
    <LINK REV="made" HREF="mailto:[email protected]">
    <meta NAME="keywords" CONTENT="wwe, wwf, wwwf, wwfe, online, update, updates, updated, new, wrestling, house show, raw, smackdown, ppv, mcmahon, murgatroyd, divas, entrance, news, columns, features, ecw, wcw, tna, ovw, updates, logo, ring, batista, john cena, cena, hhh, jericho, bischoff, long, vince, ring, pyro, highlight reel, cabana, edge, lita, matt hardy, vince, latest updates, recent news, news, rumours, rumors, wrestling rumours, wrestling rumors, jarret, aj styles, breakout fist, monday night, thursday night, wwe smackdown, friday night smackdown, monday night raw">
    </head>
     
    <!-- BEGIN PACIFIC POKER -->
    <div align='center'><A href="<A href="http://www.PacificPoker.com?lang=en&sr=324966"><Img">http://www.PacificPoker.com?lang=en&sr=324966"><Img border=0 src="<A href="http://marketing.888.com/images/affiliates_banners/pcp/11169.gif"></A></div">http://marketing.888.com/images/affiliates_banners/pcp/11169.gif"></A></div>
    <!-- END PACIFIC POKER -->
    <BR>
    <!-- BEGIN GOOGLE.COM ADSENSE CODING -->
    <div align='center'><script type="text/javascript"><!--
    google_ad_client = "pub-2396034803876579";
    google_ad_width = 468;
    google_ad_height = 60;
    google_ad_format = "468x60_as";
    google_ad_type = "text";
    google_ad_channel ="";
    google_color_border = "660000";
    google_color_bg = "7D2626";
    google_color_link = "FFFFFF";
    google_color_url = "DAA520";
    google_color_text = "BDB76B";
    //--></script>
    <script type="text/javascript"
    src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
    </script></div>
    <!-- END GOOGLE.COM ADSENSE CODING -->
    <BR>
    <!-- Start W-F Toolbar Campaign -->
    <table border="2" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" bordercolorlight="#000000" bordercolordark="#000000">
    <tr>
     <td width="100%">
     <table cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%">
       <tr>
         <td width="100%" bgcolor="#CC0000">
         <p align="center">
         <a href="http://wrestling-freekscom.ourtoolbar.com/" style="text-decoration: none">
         <b><font size="6" color="#FFFFFF">&gt;&gt;&gt;</font></b><img border="0" src="http://www.wrestling-freeks.com/images/toolbar.gif" width="600" height="25"><b><font size="6" color="#FFFFFF">&lt;&lt;&lt;</font></b></a></td>
       </tr>
       <tr>
         <td width="100%" bgcolor="#FFFFFF">
         <p align="center"><font face="Verdana" font color="#000000" size="2">Download the official <b>
         W-F Toolbar</b> &amp; have <i>constant access</i> to our site with just <i>
         one click</i>! <span style="background-color: #000000">
         <font color="#FFFFFF">No spyware, <b><i>guaranteed</i></b>!</font></span>
         <a href="http://wrestling-freekscom.ourtoolbar.com/">
         <font color="#000000">DOWNLOAD</font></a> </font>
         </td>
       </tr>
     </table>
     </td>
    </tr>
    </table>
    <!-- End W-F Toolbar Campaign -->
    <body link="#C0C0C0" vlink="#C0C0C0" alink="#C0C0C0" text="#FFFFFF" bgcolor="#000000">
    <table cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%">
    <tr>
     <td width="26%" background="images/sidebar_alsobg.gif">
     <p align="center">&nbsp;</td>
     <td width="49%">
     <table cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%">
       <tr>
         <td width="100%">
         <table cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%">
           <tr>
             <td width="100%" bgcolor="#800000">
             <p align="center"><b><font face="Verdana"><font color="#FF0000">&lt;&lt;</font>
             <a href="<A href="http://www.wrestling-freeks.com/homepage.php">W-F">http://www.wrestling-freeks.com/homepage.php">W-F Homepage</a>
             <font color="#FF0000">| </font>
             <a href="<A href="http://www.wrestling-freeks.com/wforums/index.php">Forums</a">http://www.wrestling-freeks.com/wforums/index.php">Forums</a>
             <font color="#FF0000">|</font>
             <a href="<A href="http://www.wrestling-freeks.com/divas">Divas</a">http://www.wrestling-freeks.com/divas">Divas</a>
             <font color="#FF0000">|</font>
             <a href="<A href="http://www.wrestling-freeks.com/extras">Extras</a">http://www.wrestling-freeks.com/extras">Extras</a>
             <font color="#FF0000">&gt;&gt;</font></font></b></td>
           </tr>
           <tr>
             <td width="100%">
             <p align="center"><img border="0" src="images/wf_header.gif" width="540" height="150"></td>
           </tr>
         </table>
         </td>
       </tr>
       <tr>
         <td width="100%" bgcolor="#800000">
         <table cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%">
           <tr>
             <td width="100%">
             <table cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" bgcolor="#000000">
               <tr>
                 <td width="33%"><img border="0" src="images/wf_logo.gif" width="250" height="100"></td>
                 <td width="67%" valign="top">
                 <table cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%">
                   <tr>
                     <td width="100%">
                     <p align="left"><b><font face="Verdana" size="2">:: Welcome, 
                     wrestling fans! ---&gt;&gt;</font></b></td>
                   </tr>
                   <tr>
                     <td width="100%">
                     <p align="left"><font face="Verdana" size="1">Welcome to Wrestling-Freeks.com, the No-Holds-Barred Wrestling Site! We have everything a wrestling fan could ever want plus much, much more! Make W-F your #1 stop for the very latest wrestling industry news 24/7! We constantly update and there is always something new so keep checking back for your wrestling fix! See below for our latest headlines & updates:</font></td>
                   </tr>
                 </table>
                 </td>
               </tr>
             </table>
             </td>
           </tr>
           <tr>
             <td width="100%">
             <table cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%">
               <tr>
                 <td width="100%" bgcolor="#000000">
                 <table cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%">
                   <tr>
                     <td width="100%" bgcolor="#333333"><b>
                     <font face="Verdana" size="4">:: Latest W-F Headlines &amp; 
                     Updates ---&gt;&gt;</font></b></td>
                   </tr>
                   <tr>
                     <td width="100%"><font face="Verdana" size="1">Want to be a 
                     part of the W-F Crew? If so, enquire at
                     <a href="mailto:[email protected]">
                     [email protected]</a>. </font></td>
                   </tr>
                   <tr>
                     <td width="100%">
                     <table cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%">
                       <tr>
                         <td width="100%">&nbsp;</td>
                       </tr>
                       <tr>
                         <td width="100%">
    <!-- INSERT NEWS PHP CODE HERE! -->
    >> <b><font face="Verdana"><a href="/homepage.php?subaction=showfull&amp;id=1125452017&amp;archive=&amp;start_from=&amp;ucat=1&amp;"><strong>Kane's Book, WWE Conference Call; more</strong></a></font></b><br>
    <font face="Verdana" size="2">  Posted by Nick on 31.08.2005 02:33  (UK time, 24hr) || Filed under: News  </font><br><div style="margin-top:15px;width:100%;text-align:center;font:9px Verdana;">Content Management Powered by <a href="http://cutephp.com/" title="CuteNews - PHP News Management System">CuteNews</a></div><!-- News Powered by CuteNews: http://cutephp.com/ --> 
    <!-- END NEWS PHP CODE HERE! -->
    <br>
    <br>
    <!-- ADDFREESTATS.COM AUTOCODE V4.0 -->
    <div align='center'><script type="text/javascript">
    <!--
    var AFS_Account="00521628";
    var AFS_Tracker="auto";
    var AFS_Server="www5";
    var AFS_Page="DetectName";
    var AFS_Url="DetectUrl";
    // -->
    </script>
    <script type="text/javascript" src="http://www5.addfreestats.com/cgi-bin...i?usr=00521628">
    </script>
    <noscript>
    <a href="http://www.addfreestats.com" target="_blank">
    <img src="http://www5.addfreestats.com/cgi-bin...=00521628Pauto" border=0 title="AddFreeStats.com Free Web Stats!"></a>
    </noscript></div>
    <!-- END ADDFREESTATS.COM AUTOCODE V4.0  -->
     
                         </td>
                       </tr>
                       <tr>
                         <td width="100%">&nbsp;</td>
                       </tr>
                     </table>
                     </td>
                   </tr>
                 </table>
                 </td>
               </tr>
               <tr>
                 <td width="100%">
                 <table cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%">
                   <tr>
                     <td width="100%">
                     <p align="center">
                     <font face="Verdana" color="#ffffff" size="2">© 
                     2004-present, Wrestling-Freeks.com, Inc. All Rights 
                     Reserved. </font></td>
                   </tr>
                   <tr>
                     <td width="100%" bgcolor="#000000">
                     <p align="center"><font face="Verdana" size="2">
                     <a href="http://www.wrestling-freeks.com/docs/privacy">
                     Privacy Policy</a> &lt;||&gt;
                     <a href="<A href="http://www.wrestling-freeks.com/docs/tou">Terms">http://www.wrestling-freeks.com/docs/tou">Terms of 
                     Usage</a> &lt;||&gt;
                     <a href="<A href="mailto:[email protected]">Contact">mailto:[email protected]">Contact us</a></font></td>
    <div align='center'><u><b><font face="Verdana" size="2" color="#FFFFFF">SITE NOT DISPLAYING CORRECTLY? WE RECOMMEND THE LATEST VERSION OF INTERNET EXPLORER.</font></b></u></div>
                   </tr>
                 </table>
                 </td>
               </tr>
             </table>
             </td>
           </tr>
         </table>
         </td>
       </tr>
     </table>
     </td>
     <td width="25%" background="images/sidebar_alsobg.gif">&nbsp;</td>
    </tr>
    </table>
    <br>
    <!-- START ALLPOSTERS.COM AFFILIATE PROGRAMME -->
    <div align='center'> <IFRAME SRC="http://affiliates.allposters.com/Pos...18&Size=486x60" WIDTH="468" HEIGHT="60" scrolling="no" frameborder="0" marginwidth="0" marginheight="0">  <a href="http://affiliates.allposters.com/lin...TID=15&LID=118" target="_top">  <img src="http://imagecache2.allposters.com/im...nner_red_2.gif" border="0" ALT="">  </a><br><font face="verdana, helvetica, arial" size="1">  <a href="http://affiliates.allposters.com/lin...TID=15&LID=118" target="_top"></a></font></IFRAME><img src="http://tracking.allposters.com/allpo...TID=15&LID=118" border="0" height="1" width="1"> </div>
    <!-- END ALLPOSTERS.COM AFFILIATE PROGRAMME -->
    +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    What do I need to edit in order to get the site to display correctly in non-IE web browsers?
    Thanks for any assistance you can give!
    "CREEPSHOW CREEPS ONLINE" - The first & best online resource dead-icated to Stephen King & George A. Romero's 1982 horror anthology classic!!!!

  • #2
    http://validator.w3.org/check?uri=ht...ng-freeks.com/ Start by fixing the invalid xhtml your using.

    Comment


    • #3
      Originally posted by Zachery
      http://validator.w3.org/check?uri=ht...ng-freeks.com/ Start by fixing the invalid xhtml your using.
      Thanks Zach, but I dont think that's the problem. Because when I say enter www.rajah.com, it comes up with LOADS of 'invalid' errors, but still looks fine in all browsers.

      Why would this be?

      Thanks very much, appreciate your help.
      "CREEPSHOW CREEPS ONLINE" - The first & best online resource dead-icated to Stephen King & George A. Romero's 1982 horror anthology classic!!!!

      Comment


      • #4
        why bother use a doctype then?

        Comment


        • #5
          Originally posted by zlib
          why bother use a doctype then?
          With all due respect this isn't what I'm asking.

          My question is simply why is my site showing up incorrectly in alternative browsers when other sites with failed validation errors show up fine?
          "CREEPSHOW CREEPS ONLINE" - The first & best online resource dead-icated to Stephen King & George A. Romero's 1982 horror anthology classic!!!!

          Comment


          • #6
            I hate to say this because I hated hearing it when it was said to me once upon a time. But I've become a better designer after listening to the advice:

            Your site is showing correctly in the other browsers; that is, they are parsing your code exactly as the code is written. IE is making up for your invalid code by extrapolating what it thinks you meant to do, and displaying it accordingly. As good a job as Ie does with this, it is still not a good way to design a site.

            If you would just go ahead and validate your code, and fix it, you will see your site work fine in Firefox and other browsers. It might then look broken in IE, because IE still does not understand valid code. So you will have to apply fixes and workarounds for IE only. Yes, that's the way it is. You can argue, but it doesn't change the facts. People might jump in here and dispute what I've said, but first-hand experience, and helping others straighten out their sites the same way over and over again has proven my point.

            Try it, you'll like.

            btw, www.rajah.com might look fine in other browsers, but not all invalid code effects a browser the same way. The errors there obviously are not affecting other browsers the way your code does. That's why fixing all errors will be a big help in fixing the site.
            Last edited by cbiweb; Fri 2 Sep '05, 9:19am.
            ~ Life isn't always fair, but you can be. ~

            Comment


            • #7
              If you would just go ahead and validate your code, and fix it, you will see your site work fine in Firefox and other browsers. It might then look broken in IE, because IE still does not understand valid code. So you will have to apply fixes and workarounds for IE only. Yes, that's the way it is. You can argue, but it doesn't change the facts. People might jump in here and dispute what I've said, but first-hand experience, and helping others straighten out their sites the same way over and over again has proven my point.
              Thats just not true, IE is a preferctly suiteable XHTML browser, and it renders content correctly alot of the time, save for some of the nastier div/css bugs. Its not hard to break firefox. Firefox doesn't render everything prefectly, and neither does IE they both have their problems.

              But, a good start is always valid code, if your entire document is xhtml valid then all browsers should render it right. Just because it doesn';t look the same doesn't mean either browser is broken.

              Comment


              • #8
                Originally posted by Zachery
                ...Its not hard to break firefox. Firefox doesn't render everything prefectly...
                I've never had a problem with the way Firefox displays pages that I code. I've had many problems with how IE does it. The culprit is always IE's lack of support for certain aspects of CSS. But there are workarounds for all that, anyway.
                ~ Life isn't always fair, but you can be. ~

                Comment


                • #9
                  So anyone know exactly what I have done wrong in my code?
                  What is it exactly I need to change?

                  Thanks
                  "CREEPSHOW CREEPS ONLINE" - The first & best online resource dead-icated to Stephen King & George A. Romero's 1982 horror anthology classic!!!!

                  Comment


                  • #10
                    Have you run your code through the W3C validator? Why don't you do that? It will reveal many magical things.
                    ~ Life isn't always fair, but you can be. ~

                    Comment


                    • #11
                      Originally posted by cbiweb
                      Have you run your code through the W3C validator? Why don't you do that? It will reveal many magical things.
                      I have done that yes, but a lot of the 'errors' it finds are things that I need in order for the site to function correctly. I dont really understand the W3C Validator thing to be honest, are you sure it's completely accurate? I mean I wouldn't want to mess up the work I've done on my site so far...
                      "CREEPSHOW CREEPS ONLINE" - The first & best online resource dead-icated to Stephen King & George A. Romero's 1982 horror anthology classic!!!!

                      Comment


                      • #12
                        I just ran your code through the validator, and saw many many errors that need to be fixed. Unclosed <p>'s, invalid <br>'s, and the closing </body> tag is missing altogether. Not to mention you have upper case and mixed case tags that are invalid in XHTML. Fix all the errors that you can, and then see how your site looks in other browsers.

                        <edit>
                        Oh, just noticed that you have the opening <body> tag placed about 60 lines down from where it should be. What's up with that?
                        </edit>
                        Last edited by cbiweb; Fri 2 Sep '05, 6:52pm.
                        ~ Life isn't always fair, but you can be. ~

                        Comment


                        • #13
                          Nevermind, sorted it out now.

                          PS. This is weird, I'm typing & it's come up in the times roman font for some reason. Anyone know why??
                          "CREEPSHOW CREEPS ONLINE" - The first & best online resource dead-icated to Stephen King & George A. Romero's 1982 horror anthology classic!!!!

                          Comment


                          • #14
                            For me it's Times New Roman and red! And the background of the message editor is #E1E1E2, which is a shade of gray, but I don't think it was that color before, either.
                            ~ Life isn't always fair, but you can be. ~

                            Comment


                            • #15
                              Originally posted by cbiweb
                              For me it's Times New Roman and red! And the background of the message editor is #E1E1E2, which is a shade of gray, but I don't think it was that color before, either.
                              The background is grey for me too. It's weird.
                              "CREEPSHOW CREEPS ONLINE" - The first & best online resource dead-icated to Stephen King & George A. Romero's 1982 horror anthology classic!!!!

                              Comment

                              widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
                              Working...
                              X