• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

IE8 Image Problem in Parallax Pro

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › General Discussion › IE8 Image Problem in Parallax Pro

This topic is: not resolved

Tagged: css, IE8, images, parallax, responsive design, Squished

  • This topic has 3 replies, 2 voices, and was last updated 8 years, 11 months ago by Kary.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 20, 2014 at 3:48 pm #101527
    Kary
    Member

    I know there have been discussions before about issues with IE8 and images. But I've found the bit of 'offending' CSS code that causes IE8 to squish images width-wise. And since I'm dealing with Parallax theme, I don't want to do something that will cause all the images to look awful in all other browsers.

    This is what is looks like by default.
    Image and video hosting by TinyPic

    This is what it looks like when I comment out the CSS code I believe is causing the problem. Obviously, the other problem is that the image is too large width-wise. But at least its not being squashed.
    Image and video hosting by TinyPic

    The CSS code that is causing it to be squished is

    embed, iframe, img, object, video, .wp-caption {
    	max-width: 100%;

    When I comment out that code, the image isn't squished.

    Obviously, the code is important. So how do I fix this so images don't squish in IE8 and nothing else breaks with my Parallax Pro theme?

    http://techiemuse.com/who-are-you/
    April 20, 2014 at 4:18 pm #101534
    Kary
    Member

    So I found a "fix" that will work if all else fails. But frankly I'd rather find a solution I can do in CSS or elsewhere so I don't have to fix each and every photograph that gets uploaded to my WP site.

    If I go in and remove the explicit "width" and "height" attributes that WP places on images, then the image will render fine in IE8 and all browsers. You can see the screenshot below.

    Image and video hosting by TinyPic

    However, like I said, I have to actually remember to REMOVE something that WP automatically places in the code when I embed an image on a post or page. So if anyone knows of a CSS or other fix that will resolve the issue in IE8 without screwing up the responsiveness of the images in all other browsers, I'd appreciate it.

    April 21, 2014 at 6:21 am #101623
    Tom
    Participant

    Hi Kary,

    (I've had some issues with IE versions before (haven't we all?) but can't claim to be anything near expert on this.)

    Try as i might, I could not get Parallax to do this. Perhaps because I'm using WP 3.9?

    Longshot: Perhaps because Parallax style.css is a different version?
    (Doc compares aren't a simple exercise due to slightly different formatting between files)

    • StudioPress Demo: Version: 1.0.1
    • Your version: Version: 1.0 (if you didn't renumber from the original)
    • Current download: Version: 1.0
    • Original download: Version: 1.0 (2014-02-04)

    Another longshot: is this a possible artifact of IE compatibility mode? Sridhar has a tut here:
    http://sridharkatakam.com/force-ie-render-genesis-site-pages-highest-mode-available-compatibility-mode/

    ... with reference to a good post on StackOverflow. There's briefer explanation found here:
    http://stackoverflow.com/a/22060581


    Choose your next site design from over 350 Genesis themes.
    [ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

    April 21, 2014 at 9:58 am #101665
    Kary
    Member

    Thanks for the heads up. It seems what you're describing is a different issue entirely...and a serious one. However, after looking online a bit, it seems that the issue I'm talking about was a big problem with IE8 as well as its inability to (or persnickety-ness) of rendering opacity. But that's another problem for another discussion.

    I can and probably will include the function code described in your article in my theme. But if IE8 doesn't render that CSS code appropriately, then anyone visiting the site with IE8 will experience the problem.

    A bigger problem IMO: anyone dealing with a responsive design (all current Genesis themes) will is having this same bug on their site but may not know it.

    Luckily, IE9, 10 and 11 don't have this bug. But as we remember from the good old, bad old days of IE6, people sometimes have a hard time updating their browsers...particularly within companies and such won't allow them to do it themselves. BTW, I learned of this problem because my husband works for a Fortune 50 company (actually a top 10 company) and yes...they are still using IE8. So its not like its only loser companies and low-lying fruit who are browsing the web with obsolete browsers. Apparently, it costs millions of dollars to change something this simple. So change is slow to happen.

    But back to the bug....

    If I'm correct...then anyone here in Genesis land who is using a responsive design, is actually having the same problem I am seeing, but may not know it.

    I think there should be a fix. Unfortunately, what I've found lately is that in order to get an answer from support around here, we have to actually submit a ticket -- which seems silly. But if they need to answer the same question 10X because 10 different people submitted support tickets instead of having the question and answer discussed publicly, so be it. i'm off to write a support ticket.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘General Discussion’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble