Archived

This topic is now archived and is closed to further replies.

  • 0

Website Does Not Display The Correct Pagelines-Customize/style.css


Question

Posted · Report post

My clients website does not display the pagelines-customize/style.css just on some computers running ie8.

I have tested it on many different systems and in ie8 and ie9 and it works great, but on my clients computer none of the CSS for the menu is displayed, and it is showing also a hidden menu (for mobile).

 

A screen shot of what my client sees is here... http://bigwhiteaccommodations.com/PAUL-ie8.jpg

 

Website here.. http://bigwhiteaccommodations.com

 

 

 

 

Hmm seems to be a problem with your image uploader, i have reduce my file size to 1.3 k and I still get this message ...

PAUL-ie8.jpg

Upload Skipped (This file was too big to upload)

Share this post


Link to post
Share on other sites

6 answers to this question

Posted · Report post

Ok, I found out the problem..because I wrote the code to work well with ie8-10...

the client had the ie8 COMPATIBILITY button depressed, which zapped all the CSS.

 

Why MS ever created the button is beyond me.

Share this post


Link to post
Share on other sites

Posted · Report post

I would advise that your client should upgrade to IE9 and see if it makes a difference. There's limited support we can provide for Internet Explorer since it's a browser-related issue.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi, nnot everyone can upgrade to ie9,

It is a simple question why is ie8 not reading the CSS file?

Share this post


Link to post
Share on other sites

Posted · Report post

The simple, honest answer is that IE8 was written before the development of both HTML5 and CSS3.  As a result, the CSS in PageLines Customize will likely be visible in all contemporary browsers, but not in IE8.   Additionally, even in IE9, there are some CSS things that work in other browsers but won't there.  Examples of this include gradients, text shadows and other things. 

 

You can see examples of what works and doesn't by checking http://www.w3schools.com/css/

 

We do have a free plugin called Browser Specific CSS that might help you; emphasis on "might"... http://www.pagelines.com/store/plugins/browser-css/

Share this post


Link to post
Share on other sites

Posted · Report post

Thank you for letting us know, glad it got sorted.

Share this post


Link to post
Share on other sites

Posted · Report post

For reference, add this to the headerscripts area:

 


<meta http-equiv="X-UA-Compatible" content="IE=edge" />

It forces compatibility to OFF. ;)

Share this post


Link to post
Share on other sites