Jump to content

Archived

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

communicreations

IE9 not behaving, IE8 badly

Recommended Posts

communicreations
I have an issue with a site not behaving in IE9 and performing badly in IE8. I've been playing around with a copy on a staging server and testing view with Browserstack. I replaced my child theme and activated WP 2013 theme, and IE8/9 worked fine. I then activated the DMS2 Base theme and the not loading properly issue returned. Then I deactivated all the plugins but the problem still persists.
 
With child theme active:
 
With DMS2 Base theme active, all plugins deactivated:
 
Temporary staging server URL: http://c95.731.myftpupload.com/
 
DMS version: 2.1.9.2
Debug is on, cache cleared
 

The problems with IE8 should be obvious. The CTA is disappearing in IE9 but otherwise is fine. Everything good in IE10 and up.

 
Thanks in advance, Michael

Share this post


Link to post
Share on other sites
Danny

Hi Michael,

 

In order to have support for IE8, you need to have the DMS Pro Tools plugin installed, as this plugin includes scripts that add support for HTML5 and CSS3 to IE8. Therefore, if you do not have DMS Pro Tools plugin installed, some issues with IE8 will occur. Also, please be aware that IE8 support is limited, as the browser just sucks.

 

In regards to IE9, what are you referring to when you say CTA ?


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
communicreations

Thanks Danny. DMS Professional Tools was installed a while back, and is active. Version 1.8.5. Does it have settings I need to change?

 

IE9 CTA (Call to Action) is the blue box absent of text/images in both IE9 images posted in links above. Directly above signature services section. It is displayed properly in the IE10 screenshots.

 

IE8 does suck, but that unfortunately doesn't alter clients strong desire to have it working.

Share this post


Link to post
Share on other sites
Danny

As far as I can tell, your issue is related to the custom code you have used. Basically, it doesn't look like your code is correct, as there doesn't appear to be as far as I can tell, IE8/9 gradient CSS.

 


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
communicreations

I can fix that gradient as there are others working on same page. I'm just trying to get this site to look reasonably similar in IE8. Selecting "Enable CSS Classes" in Pro Tools plugin improved matters. 

 

Running site through W3C markup validation helped, as well (IE8 isn't very good at dealing with HTML errors). One of the validation errors involves the hero sections. "No p element in scope but a p end tag seen."

 

I simplified it by putting this in the Hero's subtext box, but same error persists. 

 

<h2>title</h2>

<p>text</p>

<ul><li>item1</li></ul>

<p>text</p>

 

Seems to be adding on an extra p tag — am I missing something?

Share this post


Link to post
Share on other sites
Simon

You have multiple issues with that hero box.

 

For a start you have a h2 inside a h1. The title will auto wrap the text into a h1, if you want it as a h2 then select h2 from the option further down.

 

You have </a> inside <i> also.

 

I would paste the contents of your hero box and any text boxes into the html validator and fix your HTML issues 1st.

Share this post


Link to post
Share on other sites
communicreations

Thanks Simon. I had fixed those on the parent site and just applied them to the staging site as you were looking at it. So now the only validation issue with the hero sections is the one I noted above.

Share this post


Link to post
Share on other sites
Simon

Can you paste the contents of the box somewhere, or show a screenshot.

Share this post


Link to post
Share on other sites
communicreations

Sure, thanks. Here's a screenshot of one of the two hero boxes: http://i.imgur.com/EXBaTjb.png?1

 

I used the simplified HTML noted above and tested with validator, and the error remained. However, here's the original text:

 

<h2>Signature Service Account</h2>
<p>Introducing our unique fee-based platform for independent advisors. With Signature Service as part of your suite of account and service options, you'll gain new opportunities to:</p>
<ul class="fa-ul">
<li><i class="fa-li fa fa-check-square"></i>Strengthen your client relationships</li>
<li><i class="fa-li fa fa-check-square"></i>Increase your assets under administration</li>
<li><i class="fa-li fa fa-check-square"></i>Attract higher-end clients to your practice</li>
<li><i class="fa-li fa fa-check-square"></i>Encourage generational investment planning</li>
</ul>
<p>Let us help you develop a business plan to introduce your clients to fee-for-service planning and transition them to a Signature Service Account.</p>

Share this post


Link to post
Share on other sites
Simon

Try removing all the line breaks from your html for example:

<h2>Signature Service Account</h2><p>Introducing our unique fee-based platform for independent advisors. With Signature Service as part of your suite of account and service options, you'll gain new opportunities to:</p>
<ul class="fa-ul"><li><i class="fa-li fa fa-check-square"></i>Strengthen your client relationships</li><li><i class="fa-li fa fa-check-square"></i>Increase your assets under administration</li><li><i class="fa-li fa fa-check-square"></i>Attract higher-end clients to your practice</li><li><i class="fa-li fa fa-check-square"></i>Encourage generational investment planning</li></ul><p>Let us help you develop a business plan to introduce your clients to fee-for-service planning and transition them to a Signature Service Account.</p>

WordPress will add <p> otherwise.

Share this post


Link to post
Share on other sites
communicreations

Wasn't aware of that. Good to know. Same validation error remains, unfortunately. Even cleared cache to no avail.

Share this post


Link to post
Share on other sites
Danny

What other validation errors remain ?


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
communicreations

The hero sections are still displaying validation error "No p element in scope but a p end tag seen."

Share this post


Link to post
Share on other sites
Danny

OK, the Hero section text area option doesn't support HTML as it breaks the other options which is giving you the error. Therefore, if you want to use HTML and format your text in that way, I would suggest using a MediaBox for your image and a TextBox for your text inplace of the Hero section.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • Lisa Haran
      By Lisa Haran+
      Hi 
      I have a map here http://www.iloveoffset.com/maps/
      I want to add several pointer locations to the map, but when I do they do not appear.
      On this map there are 2 pointer locations and as you can there is only one visible.
      Earlier today I added 7 and could only see 4 so there is something odd going on.
      My theme is up to date
    • clj182
      By clj182+
      Hello,
      I've been having trouble unlocking the template section for past couple of weeks. When I try clicking nothing happens. 
      I've deleted my custom css and removed plugins. Im down to having only the following plugins:
      Akismet
      Contact Form 7
      DMS Professional Tools
      Pagelines Updater
      WooCommerce
      It was working fine before i have no idea what's going on with it.
    • flourishdesignstudio
      By flourishdesignstudio+
      My DMS 2 site http://www.heart-stone.com/ will not save any new custom css... I can still edit templates and publish those but any custom css that I enter never saves.
      All WP files, themes, and plugins are up to date. 
      Any thought about what might be causing this?
    • flourishdesignstudio
      By flourishdesignstudio+
      Is there a way to edit the custom CSS via FTP? I know I can edit the custom code in the Chrome editor but is there a file path I can use to find and edit the CSS directly from our FTP?
      Thanks in advance for the help!
    • nizami
      By nizami+
      Using navbar section with correctly configured WP menu to display main navigation at https://elenaangel.com. 
      All fine in desktop viewport. Menu displays twice in hamburger mode. How to fix this please? 

×