Re: Webpage review request

    Hi Eliabeth,
    Not sure if it's what you're looking for or will fix the problem, but
WebMonkey had a Nutscrape resize fix. Humm; wait just a second, I should
still have that.....
    Yeah here ya go (in it's entirety):
******************************
Reference   JavaScript Code Library
----------------------------------------------------------------------------
----

These two functions fix the unfortunate Netscape 4 bug that causes the page
to lose most of its CSS information when the window is resized. This code
can simply be dropped into the head of your document.

Usage: Drop WM_netscapeCssFix() and WM_netscapeCssFixCheckIn() into any
script tag, preferably in the head.

<script language="JavaScript">
<!--

function WM_netscapeCssFix() {
  /*
    Source: Webmonkey Code Library
    (http://www.hotwired.com/webmonkey/javascript/code_library/)

    Author: Taylor
    Author Email: taylor(at)wired.com
    Author URL: http://www.taylor.org/
    */

  // This part was inspired by Matthew_Baird(at)wayfarer.com
  // It gets around another unfortunate bug whereby Netscape
  // fires a resize event when the scrollbars pop up. This
  // checks to make sure that the window's available size
  // has actually changed.
  if (document.WM.WM_netscapeCssFix.initWindowWidth != window.innerWidth ||
document.WM.WM_netscapeCssFix.initWindowHeight != window.innerHeight) {
    document.location = document.location;
  }
}

function WM_netscapeCssFixCheckIn() {
  // This function checks to make sure the version of Netscape
  // in use contains the bug; if so, it records the window's
  // width and height and sets all resize events to be handled
  // by the WM_netscapeCssFix() function.
  if ((navigator.appName == 'Netscape') && (parseInt(navigator.appVersion)
== 4)) {
    if (typeof document.WM == 'undefined'){
      document.WM = new Object;
    }
    if (typeof document.WM.WM_scaleFont == 'undefined') {
      document.WM.WM_netscapeCssFix = new Object;
      document.WM.WM_netscapeCssFix.initWindowWidth = window.innerWidth;
      document.WM.WM_netscapeCssFix.initWindowHeight = window.innerHeight;
    }
    window.onresize = WM_netscapeCssFix;
  }
}

WM_netscapeCssFixCheckIn()


// -->

</script>
*********************************
    Modified on 11/13/99; so you may want to check for an updated
version........
    HTH,
        ~ Paul


----- Original Message -----
From: "Davies, Elizabeth H." <EHDavies(at)West.com>
To: "HWG-technique Mailing List (E-mail)" <hwg-techniques(at)hwg.org>
Sent: Wednesday, April 17, 2002 5:27 PM
Subject: Webpage review request


> I'm trying to proof out a personal webpage and also to try to figure out
why there is a slight mis-alignment in Mozilla .9.9. The header image is
mostly just a background image for the entire table. It's beginning to
repeat in Mozilla (which I could prevent, but that wouldn't fix the
misalignment).
>
> This is a combination of traditional table techniques and CSS column
layout. It also incorporates the Project Seven dropdown menu. The page
consists of three parts, header.inc, the index.php, and footer.inc. The
content will be dynamic and database driven.
>
> http://www224.pair.com/gryphon/MARR/index.php
>
> The menu links are not active. The menu fly-outs should hold position
regardless of resizing. I have noticed that in NN4.76, that if I change the
font size, the resize fix does not trigger and you have to refresh to regain
layout. Any suggested fixes are most welcome.
>
> I've been unable to validate this page. Although I know that the NN margin
kludges will invalidate the page, I'd like to be able to do check out the
errata on the remainder. So far, no deal. W3C validator pukes. It's probably
the javascript (possibly the onResize?). If you see anything that would
cause the validator to error out, please let me know.
>
> TIA
>
> Elizabeth Davies
> Web Designer
> West Corporation
>

HWG hwg-techniques mailing list archives, maintained by Webmasters @ IWA