Jump to content
evolvesystems

IE issues

Recommended Posts

evolvesystems    0
evolvesystems

Why is it the its different when viewed in IE? images and text are overlapping? when its ok in mozilla, and also in chrome. Please advice. Thanks.

Share this post


Link to post
Share on other sites
Rob    547
Rob

Hi,

 

First, this is not a DMS or PageLines issue. It is a WordPress issue with IE, but more of a problem with IE.

 

Images are handled differently in various browsers, and IE does not scale or resize images using WordPress' code.  It just won't do it.

 

So, if you add an 800px wide photo into your content area, which is 650px wide, the image will not be resized, even if you told WordPress to scale it to 650px wide. IE will show the full 800px image, which will bleed (show), under things like the sidebars.

 

The solution though is very simple.  Use a graphics editor like Photoshop and re-size the image manually.  Keep the original, PLUS the revised image.  In your post, you can upload the new version, displaying that, but when you look at the post or page in Text (HTML) mode, you'll see it has an a href going to the image.  Change that to the larger version.  So if someone clicks the picture that fits, they'll be taken to the larger image. 

 

Another method is to use a Lightbox plugin.

 

Just remember, if you have a container for your image, make sure the image is slightly smaller than the container to make it fit right.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

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

    • Audun MB
      By Audun MB+
      This is a boxes section with media at left in IE11
      :
      Boxes with media on top works without issues. 
       
    • Audun MB
      By Audun MB+
      Heroes section acts crazy sometimes. Here's how it looks in IE 11.

      This looks OK, even though it has the same setup as the one above. Only difference is the hero image:

      On the same page, there's another hero section where things act up again, this time with 3 sections. Looks crazy:

       
       
×