Web Page Troubles

[Ruler2112]

I'm a member of michigan-sportsman.com - it's about hunting and fishing in michigan. We have several articles on various topics, but I noticed something weird the other day.

A friend of mine wanted to see the article on ice fishing safety I wrote, so I went to the home page, clicked on FIshing Library, then on my article. I got the article, but it quit after the introduction. (There's only about an tenth of it displayed.) The webmaster (Steve) can view it in IE and sees the entire thing. I looked at the source and the whole article is there. The other articles on the site have the same problem.

Steve told me that he uses FrontPage for a web design tool. It doesn't surprise me at all that the hypertext that is generated doesn't display right in Mozilla. (MS has never been accused of playing nice with others or actually adhering to standards.) I was wondering if somebody who knows hypertext could look at the source of a couple of the articles and see if they can tell what's going wrong. I've tried Mozilla on windoze and on RedHat; doesn't make any difference.


Here is a link to the article I wrote.

http://www.michigan-sportsman.com/fi...afety_tips.htm

And here is the entire fishing library.

http://www.michigan-sportsman.com/fi...sh_library.htm

[firewolf]

I took a look at the code, and i don't know if he writes it like that or somehow the code got twisted but right now the whole page is kinda screwy. It's not the way I would've done it, also there is unnecessary tags where it shouldn't be. maybe that's giving you the problems

[davidamarkley]

OK, there are a couple things that need to be changed on your article's web page...

First of all, there is a login java script that is in the HEAD part of the page, and the way it's put in is not the best.

Original: (Line #11-24

PHP Code:

<script Language="JavaScript">
    function OpenJabberWindow() {
        jabber_url = jabber_url = "http://www.michigan-sportsman.com/jabchat/login.cgi"; //EDIT THIS!!
        if (!document.images) {
            msg = "Your browser is not capable of logging in to Jabber Chat. ";
            msg = msg + "You should use Netscape or Internet Explorer, version ";
            msg = msg + "4.0 or newer. (Available at [url]www.browsers.com[/url]).";
            window.alert(msg); return;
        }
        lchatwin=window.open(jabber_url,"LCHATWINDOW",
        "status=no,toolbar=no,location=no,menu=no,resizable=yes,width=620,height=400");
    }
  </script>
</head> 


Better way: (Line #11-26)

PHP Code:

<script Language="JavaScript">
<!--
    function OpenJabberWindow() {
        jabber_url = jabber_url = "http://www.michigan-sportsman.com/jabchat/login.cgi"; //EDIT THIS!!
        if (!document.images) {
            msg = "Your browser is not capable of logging in to Jabber Chat. ";
            msg = msg + "You should use Netscape or Internet Explorer, version ";
            msg = msg + "4.0 or newer. (Available at [url]www.browsers.com[/url]).";
            window.alert(msg); return;
        }
        lchatwin=window.open(jabber_url,"LCHATWINDOW",
        "status=no,toolbar=no,location=no,menu=no,resizable=yes,width=620,height=400");
    }
//-->
  </script>
</head> 


You'll notice I put some comment marks [<!--] and [//-->] before and after the JavaScript. This is so browsers that don't have that functionality, or browsers that don't have Java enabled won't choke on that code, instead they'll just finish rendering the page as normal. And there won't be any errors as such.


Second, the tables that hold the articles are set to a certain pixel height. That's a no-no!

Example: (Line #279-283)

PHP Code:

      <td valign="top" width="476" height="672">
        <div align="left" style="width: 468; height: 679">
          <table BGCOLOR="#FFFFFF" CELLPADDING="3" style="font-size: 8pt" cellspacing="0">
            <tr>
              <td ALIGN="CENTER" bgcolor="#CCCCCC" colspan="2"> 


Much Better: (Line #279-283)

PHP Code:

      <td valign="top" width="476" height="672">
        <div align="left" style="width: 468">
          <table BGCOLOR="#FFFFFF" CELLPADDING="3" style="font-size: 8pt" cellspacing="0">
            <tr>
              <td ALIGN="CENTER" bgcolor="#CCCCCC" colspan="2"> 


You'll notice that I took out the ; height: 679 part of line #280

PHP Code:

        <div align="left" style="width: 468; height: 679"> 


to leave it like this:

PHP Code:

        <div align="left" style="width: 468"> 


With those two simple changes, it now works on my Mozilla 1.4 browser, and it should work on all Mozilla versions now.

If you want to test it out, I put that page up on my server with only those two changes made to it, so click HERE and it will open the page. (Some of the pictures don't work, don't worry though, that's just because they're linked locally and since I don't have those pictures, they don't load. Funny ain't it?!? I just put the page up there to test/show you how those changes effected the page.)

Hope this helps...

David

[Ruler2112]

Looks like those changes work perfectly David. I've sent the Steve (webmaster) a link to this thread so he can take a look at it.

Thanks guys!

[davidamarkley]

Great to hear that...

Best of luck!

David