[RESOLVED] Web page OK in IE6, has problem in Firefox

[jdc2000]

The attached image illustrates what happens to a web page created with Frontpage 2000 (from a template) when it is viewed in Firefox. It looks OK in Internet Explorer 6 (I can post an image of that if needed).

Any ideas on what needs to be done to correct this would be appreciated. Web page source can be posted also if if would help.

Thanks.

[DanC]

You won't like the solution.

The proprietary code created by FrontPage may or may not work in any browser besides IE. It's so bloated it's almost impossible to fix without a major rewrite. I've heard the newest FP version (forget the name, it's not FrontPage) is more standards friendly. I'll believe it when I see it.

If you post the source code or a url someone could look at it and maybe see why it won't display properly but the fix won't be easy. Really the best way to fix it is to take your images and content and start over using a different html client.

[JPnyc]

Try Amaya, it's free and I hear it does a pretty decent job. Never used it but I know good coders who've said so.

[jdc2000]

I did not create this page, but I am trying to assist with the formatting on it. As it turns out, it looks like it was not created with FrontPage but with Amaya. The code for it is in the attached file. I could not post it between {code} tags even after removing the {img} tags - I kept getting a warning message from vBulletin about too many images. The fix should be something relatively simple. If anyone has any ideas, or knows of other resources for assistance, and suggestions would be appreciated.

Thanks.

[jdc2000]

Update:

I tried adjusting the height in the columns so that all of them had the same height, but this did not work. It appears that the height of the page (or frame) needs to be set larger for Firefox, but I am not sure exactly what method to use to do this.

Code for the three columns:

  <!--div id="col1" style="width: 261; height: 285"-->
  <div id="col1" style="width: 261; height: 303">
    <h1 align="left"><u>Research and Development</u></h1>
    <p align="left"><font face="Arial" size="1"><span style="color: black; layout-grid-mode: line"><b>ABC
    has<span style="mso-bidi-font-weight:bold"> a solid 10 year history of
    experience in applied research. This research has resulted in the
    development of bench, pilot, and full-scale unit operating systems to meet
    customer objectives.<span style="mso-spacerun:yes">&nbsp; </span>ABC’s
    technology staff consists of physicists, material scientists, chemists, and
    engineers of multiple disciplines.<span style="mso-spacerun:yes"> </span>ABC’s
    team of professionals and our<span style="mso-spacerun:yes"> </span>technology,
    research, and development capabilities are second to none.</span></b></span><o:p>
    </o:p>
    </font></p>
  </div>
    <div id="col2" style="width: 247; height: 303">
      <font face="Arial" size="1">
       </font>
      <h1 align="left"><font face="Arial"><u>Technical Support Services</u></font></h1>
      <p align="left"><font face="Arial" size="1"><b>ABC has many years of
      experience providing technical services that exceed our customer’s
      expectations and that demonstrate a continuous improvement process. Our
      technical staff has experience in applying regulations and directives of
      the U.S. Environmental Protection Agency and the state and federal
      government to a wide range of technical issues.<span style="mso-spacerun:yes">&nbsp;
      </span>ABC specializes in materials processing, hazardous and
      other types of waste management and treatment, as well as environmental
      compliance, permitting, and monitoring.</b></font><span style="font-size:8.0pt;font-family:Arial"><o:p>
      &nbsp;
      </span></p>
    </div>
      <!--div id="col3" style="width: 247; height: 214"-->
      <div id="col3" style="width: 247; height: 303">
        <font face="Arial" size="1">
         </font>
        <h1 align="left"><font face="Arial"><u>Quality Assurance Services</u></font></h1>
        <p><font face="Arial" size="1"><b>ABC has a team of Quality Assurance
        staff members certified as lead auditors to NQA-1 and ISO 9001:2000.<span style="mso-spacerun:yes">&nbsp;
        </span>In addition, <span style="mso-bidi-font-style:italic">ABC</span>
        has the capability to provide project support, baseline development,
        cost analysis, budget forecasting, estimating, scheduling, planning and
        reporting, life-cycle estimates, and earned value management systems.</b></font><span style="font-size:8.0pt;font-family:Arial"><o:p>
        </o:p>
        &nbsp;
        </span> </p>
        <p>&nbsp; </p>
        <p>&nbsp; </p>
        <p>&nbsp; </p>
        <p>&nbsp; </p>
      </div>

[robmarkg]

Hi Jdc- I had this problem also. Since I am not a developer, I used a brute force "trial and error" method to get it to work- i.e. just kept tweeking table sizes, etc in FP and then looking at it in Firefox. Not a great process, but it eventually worked. It is easier if you always to your testing in Firefox, as FP is more or less wysiwyg for IE.

Rob

[JPnyc]

Well if that was created with Amaya, was it an old version? There are tags in there that have been deprecated for yrs.

As to how to fix the height problem, use the !important hack. Find the height value that looks good in FF and put height:someValue !important; then right after it, put the one you have now that looks good in IE6. FF and Opera (and maybe IE7) will use the 1st, IE6 will use the 2nd.

[jdc2000]

Update:

I have partially corrected the problem. Half of the fix was to correct a setting in the CSS code. However, the footer is still being overlayed by the columns text. I have attached the relevant code files and images of what is happening now. Any further suggestions would be appreciated. Thanks.

[jdc2000]

Update:

Removing the height properties in the columns setup in the .css file appears to be the fix for the problem.