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

Click to See Complete Forum and Search --> : [RESOLVED] Web page OK in IE6, has problem in Firefox

jdc2000

November 30th, 2006, 03:14 PM

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

November 30th, 2006, 09:20 PM

You won't like the solution. :rolleyes:

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

November 30th, 2006, 10:13 PM

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

December 1st, 2006, 03:34 PM

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

December 8th, 2006, 03:00 PM

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: 303">
<h1 align="left">Research and Development</h1>
ABC
has 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.  ABC’s
technology staff consists of physicists, material scientists, chemists, and
engineers of multiple disciplines. ABC’s
team of professionals and our technology,
research, and development capabilities are second to none.<o:p>
</o:p>

</div>
<div id="col2" style="width: 247; height: 303">


<h1 align="left">Technical Support Services</h1>
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. 
ABC specializes in materials processing, hazardous and
other types of waste management and treatment, as well as environmental
compliance, permitting, and monitoring.<o:p>
 

</div>

<div id="col3" style="width: 247; height: 303">


<h1 align="left">Quality Assurance Services</h1>
ABC has a team of Quality Assurance
staff members certified as lead auditors to NQA-1 and ISO 9001:2000. 
In addition, ABC
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.<o:p>
</o:p>
 
 
  
  
  
  
</div>

robmarkg

December 10th, 2006, 07:25 PM

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

December 13th, 2006, 05:54 PM

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

January 24th, 2007, 07:21 PM

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

January 26th, 2007, 02:20 PM

Update:

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