Salesforce Apex not same result as my HTML page. Salesforce breaks it.

I have created a page using HTML, jscript, css style sheets, etc. I have downloaded the stub.js and VFMetadataSender.js files that Salesforce adds to the header.

When I run my page as pure html with js and css source files, it looks beautiful.

However, when I put my css and js as static resources in Salesforce and run the page as an Apex page, my checkboxes are munged and it looks bad. I am using the exact same resources and code, other than when I create it at salesforce, I am using an apex page and the static resources pointing to the same code I use with the html.

I can't figure out what Apex/Salesforce is doing to my code to mess it up when it's so beautiful otherwise.

Any ideas what I can look at? Maybe someone else has had this problem with Salesforce breaking things.
Starr DuskkASP.NET VB.NET DeveloperAsked:
Who is Participating?
Rahul_GadeConnect With a Mentor Commented:
Salesforce VF page by default include some css, and there are high chances that there is conflict between the css that you have defined and what SF has defined. Using browser's developers tool you can check with the conflict and update your css class name accordingly.
or try "showHeader=false" to reduce the default stylesheet inclusion.
Starr DuskkASP.NET VB.NET DeveloperAuthor Commented:
we already downloaded their included files by viewing the source code, and don't find at conflicts.
and we already have showheader = false.
Starr DuskkASP.NET VB.NET DeveloperAuthor Commented:
we just quit using salesforce static resources and use the script to a regular web path instead and it now works.
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.