Jump to content

Archived

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

bwdsl247

Firefox and IE rendering problem - Chrome looks fine

Recommended Posts

bwdsl247    3
bwdsl247

Can you please take a look at my Post Category page and tell me what to tweak so that Firefox and IE render the page correctly, as Chrome does? Thanks.

 

http://bwise.wpengine.com/blog/category/b2b/

 
Site has no custom CSS currently in place.

 

See screenshots of what I see in Chrome and FF here:

 

https://www.evernote.com/shard/s50/sh/b2a9f1b3-d7a2-4ba2-b666-f36a4d43672b/58be0344f4f67abcd5393d2582a73e53

 

2 problems: 

 

1. As you should see, there is no margin between right sidebar in Firefox and IE - as there is in Chrome.

2. Also, see how the post images (below the top 3, once the right sidebar items end...) take over the full width of the site in Firefox, but remain limited to the single column in Chrome.

 

 

 

 

 

DMS Debug Info

WordPress Version
3.8.1

WordPress Debug
Disabled

Multisite Enabled
No

Current Role
Administrator

Framework Path
/nas/wp/www/cluster-1349/bwise/wp-content/themes/dms/dms

Framework URI
http://bwise.wpengine.com/wp-content/themes/dms/dms

Framework Version
2.0

PHP Version
5.3

PHP memory
256

Mysql version
5.5.27-28.1-log

PHP type
Apache2handler

PHP User
Posix functions are disabled on this host!

OS
Linux

Installed Plugins
advanced-custom-fields/acf.php
ajax-thumbnail-rebuild/ajax-thumbnail-rebuild.php
bootstrap-icons/bootstrap-icons.php
bulk-delete/bulk-delete.php
custom-post-widget/custom-post-widget.php
custom-sidebars/customsidebars.php
dms-plugin-pro/dms-plugin-pro.php
gc-testimonials/testimonials.php
jetpack/jetpack.php
pagelines-customize/pagelines-customize.php
pagelines-sections/pagelines-sections.php
pagelines-updater/pagelines-updater.php
post-types-order/post-types-order.php
subscribe2/subscribe2.php
wordpress-backup-to-dropbox/wp-backup-to-dropbox.php
wordpress-importer/wordpress-importer.php
wp-ban/wp-ban.php

 

« Back

Share this post


Link to post
Share on other sites
James B    436
James B

Hi there

 

You shouldn't have to tweak anything really, it should display the same across the board. There are some strange caching issues with WPengine so I would say first, try disabling all third party plugins to see if the code inside any of them are overriding one of the classes for the content in those browsers. Remember to flush the cache after disabling the plugins.

 

If no result, try using the alternate css urls options inside settings > advanced, this was created to try and assist with issues on hosts like wpengine which have additional caching.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
bwdsl247    3
bwdsl247

Have tried both disabling all plug-ins, flushing cache, setting alternate css urls option to on, and still having the issue of the browsers rendering differently.

 

Strangely, it's on the Category page, that the behavior occurs, not on the main blog page.

 

WP Engine has been a fantastic host, and while I know they have some of their own caching going on, it doesn't seem to be that which is causing this.

 

Any other ideas?

 

Thanks James.

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

could you enable debug within site settings > advanced and let us know when you have done this..


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
bwdsl247    3
bwdsl247

Debug is currently enabled Martin.

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hmm, I am not seeing this issue on our demo site when viewing in FireFox. Can you please make sure that there is no custom CSS or scripts being loaded and you have disabled all active plugins.

 

Also what options are you using for your PostLoop, are you using the legacy options ?


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
bwdsl247    3
bwdsl247

Danny, can you post screenshot of which page / pages you're viewing and how they look in FF? (I'm on Mac version for what it's worth)

  • All plug-ins disabled except: Paglines Pro Tools, Pagelines Updater and Custom Sidebars (https://wordpress.org/plugins/custom-sidebars/)
  • Only custom .CSS is on blog pages to hide header on these pages - the blog has it's own header which lives in the template area above Post Loop.
  • Yes, I have legacy options enabled in Post Loop options and only thing of note is that <IMG> tag is allowed for excerpts.
  • We don't use Featured Images; instead, we like to put our main post image at the top of the actual body of each post so that the excerpt on the main blog page show the image, and position it below the title.

Basically, what I'm seeing on my end is that Firefox (and IE) are allowing images to expand into the right sidebar column area and Chrome is keeping them contained correctly into the specified Post Loop column area, irrespective of their actual size.

 

 

 

 

 

 

.single-post #header {display:none !important; }
.archive #header {display:none !important; }
.blog #header {display:none !important; }
.archive category #header {display:none !important; }

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

I can see if you issue when viewing on FireFox. However, I am unable to see the same issue when I am viewing the DMS demo. If you're using the Legacy options, then it could be a minor bug.

 

See if this resolves your issue:

 

#site .media > .bd {
    display: block;
    width: 100%;
}
 
If it doesn't let me know, so I can report this to our tracker.

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
bwdsl247    3
bwdsl247

Very nice troubleshooting Danny. Problem solved.

 

By the way, 2 follow up questions:

 

- What exactly is the forwarding looking plan for that 'Legacy Options' area? Long term, will we have similar options to say, display image tags in excerpts?

- When we now put custom CSS on pages, is it applied 'per page' or site-wide?

 

Thank you very much for your help.

Share this post


Link to post
Share on other sites

  • Similar Content

    • bnapoli
      By bnapoli+
      On my site www.modishmel.com I'm seeing the "blog post title" within the "pins" plugin section breaking words into multiple lines. See screenshot attached.
      Only seeing it in Firefox. Can you help?

    • dloos
      By dloos+
      ONEPAGE has visual errors in IE, objects do not stay separated, and image elongated on next section.  Any Suggestions?  It is coming up with this error from Pagelines on site. 
       
    • arno
      By arno+
      Site that looks great on other browser, are is rendered wrong on IE: http://foodfunded.us/
      We got multiple complaints.
      The height of sections is way too high. Not sure which section is causing the problem, as they are in containers.
      Or is the size of the images?

      While most of us probably don't use IE, it might prevent professionals from getting client engagements with the PL5 tool, if the browsers don't have coverage.

    • MissT
      By MissT+
      On more than one website I'm building there is a massive blank space after the content and pagination within the loops section when viewed on Internet Explorer 11. It looks like the loops-wrap section is about twice the depth it needs to be. Screenshot attached.
      Can provide url via private message.
      WP version 4.4.2
      Platform5 Version 5.0.132
      Loops version 5.0.18
      Many thanks.

    • 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
×