+ Start a Discussion
nrrhcnrrhc 

Visualforce page format looks good in Internet Explorer but the format is off in Firefox.

I created a visualforce page to embed a word document that is in a table format(it has 4 sections, which is 4 different tables with data).  I added the visualforce page component to a page layout for our customer portal users.  The vf component looks great in IE, but when viewed in Firefox the format is off a little.  The tables do not line up correctly.  Is there way to standarize the format across all browsers?  I am not trying to render it as pdf or anything else, just HTML.

 

Best Answer chosen by Admin (Salesforce Developers) 
Vinita_SFDCVinita_SFDC

Hi,

 

I tested this in IE8, Chrome and FF. For me it is working fine with FF 2.2 and Chrome but not in iE8 :)

 

I would suggest you to make use of CSS for styling for making UI similar across the browsers. Refer following example:

 

http://stackoverflow.com/questions/10462181/table-link-not-working-in-firefox-ie8

 

All Answers

Vinita_SFDCVinita_SFDC

Hello,

Are you using Javascript with the use of ActiveXobject? Please share the code for better suggestions.

Reference: http://salesforce.stackexchange.com/questions/11987/custom-sidebar-link-to-local-file-or-executable

nrrhcnrrhc

Hi,

 

It is actually just text that is formatted with HTML tags.  Below is a sample of it.

 

<apex:page standardController="Statement_of_Work__c">
<header><b><font color="#4682b4">Special Package Deployment</font></b></header>
 
<table border="1">
 
<tr> <td><b>Introduction</b> </td>  
   
<td>This Statement of Work (SOW) is an agreement between My company and the Customer (Customer) defining the special Package &nbsp;&#160;

&nbsp;&#160;&#160;&#160;&#160;&#160;<br></br>
Deployment service.The SOW identifies the responsibilities of Company A and Customer regarding the planning and execution of a successful cart<br></br>
product deployment.
</td> </tr>
Vinita_SFDCVinita_SFDC

Hi,

 

I tested this in IE8, Chrome and FF. For me it is working fine with FF 2.2 and Chrome but not in iE8 :)

 

I would suggest you to make use of CSS for styling for making UI similar across the browsers. Refer following example:

 

http://stackoverflow.com/questions/10462181/table-link-not-working-in-firefox-ie8

 

This was selected as the best answer
nrrhcnrrhc

This did help.  I just added the width and height to each table and that keeps it consistent across browsers.