• 0
Sign in to follow this  
Followers 0

Layout issues in Internet Explorer...not Chrome, Safari or Firefox...


Question

Posted · Report post

Hi,

 

I'm having strange layout issues in different browsers for this page:

 

http://www.businessinteriors.co.uk/the-top-ten-best-office-chairs-in-the-world/

 

Sometimes the images are full size (of the chairs) - sometimes they overlap. Internet Explorer seems to be the problem, but not other browsers....any ideas please?! Is this a wordpress thing or a framework thing? It's very strange.

 

Thanks,

 

bizint

Share this post


Link to post
Share on other sites

7 answers to this question

  • 0

Posted · Report post

Hello bizint 

 

Different browsers handle CSS differently so it is a matter of testing and then rectifying the problem browsers with some Custom CSS. 

 

I recommend using Firebug or your browsers built-in web dev tools and inspect the problematic sections to find the correct code.

 

For assistance visit our custom CSS documentation - http://support.pagelines.me/docs/customization/custom-css/

 

To make life a little easier there is a plugin to help with this http://www.pagelines.com/store/plugins/browser-css/

1 person likes this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hmmm having a similar problem...IE doesn't recognize sizing of images from Pagelines?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Actually,  IE doesn't recognize image scaling from WordPress.  Nothing to do with PageLines.

 

If you have added, for example, a 500px wide image as the post's feature image (tor the thumbnail), IE probably won't recognize that WordPress has cropped or scaled the image to 150px by 150px.  It may decide to display the full-sized image.  Similarly, if you're using a very large image in the post's content, and scaling it down (which WordPress does pretty well), IE won't recognize the set size, only the original size, causing the image (in either case) to bleed past any container it sits in, making it (usually) sit behind or under other content.

 

It's one of the most annoying things I've found about IE.  The only cure for it, unfortunately, is to resize images to the specific sizes you want them to be using a graphics editor like Adobe Photoshop, and replacing them.  This is tedious, troublesome, time-consuming and to say the least, laborious.  But, it is the only sure-fire way of making it work.

1 person likes this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Admittedly, I'm close to a novice at this but I can understand when I'm being given an "incorrect" message. My PageLines back office in WP is not displaying correctly since I started getting this erroneous message:

 

You are using Internet Explorer version: 7
Advanced options don't support Internet Explorer version 7 or lower. Please switch to a standards based browser that will allow you to easily configure your site (e.g. Firefox, Chrome, Safari, even IE8 or better would work).
 
I actually have a brand new desktop with IE 10, the latest version, so I guess, somehow the PageLines program, which was working fine (until this message popped up) as I am building a new website, thinks I have an outdated version of IE. How do I fix this problem?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi Airmike,

 

This is not a related topic. Kindly open a new one, providing a link to your site.

 

Thanks.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Rob, 

 

Could you possibly add a class to certain images and then resize in css? Could that get you around it if you had a LOT of pictures not being scaled?

 

Jennifer

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

@Biznit

 

Your issue is most likely related to your HTML code, you have a number of h3 tags and <a> tags that appear to be doing nothing and as far as I can tell, can be removed. Removing them may address your issue.

 

http://d.pr/i/Qvx5

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
Sign in to follow this  
Followers 0