I have ddblock successfully displaying in Windows Firefox, Mac Firefox, Safari, Camino, but just not IE8.

Here is the testing site:
http://preservation.server300.com

The problem is no image is displayed in IE8. Also the text renders terribly, just in the ddblock text area. Text in other parts of the site look fine. Very weird. A transparency issue?

I'm not sure what else to provide... CSS?

Permissions are set for anonymous users. Preprocess functions should be fine because it works on other browsers. Not sure what's going on.

Comments

ppblaauw’s picture

ppblaauw commented
Status: Active » Postponed (maintainer needs more info)

The ddblock slideshow looks great at your site.

IE has a problem with fading Bold text, the solution for this is to add a background-color

Can not give free support for custom theme issues with different browsers, just takes to much time to answer all CSS issues users have when they customize ddblock themes. That's why we made the commercial themes (compatible with most popular browsers).

Hope adding a background color will help with the IE fading bold text bug, please let me know.

when_gal’s picture

when_gal commented
Status: Postponed (maintainer needs more info) » Fixed

Thanks for the tip using a background with the fading bold text.
And upon closer examination of the css, I was able to get the images to appear in IE8.
Working great now!

ppblaauw’s picture

ppblaauw commented

Great its working now!!!

Can you explain what you changed in the CSS to make it work in IE8, so this issue is also useful for other users.

when_gal’s picture

when_gal commented

I used the upright30 template as the basis for a custom theme. After customizing the css, I was having a problem (only in IE8)
displaying the main image to the right of the slide text.

Originally, the relevant css that did NOT display the image in IE8 was this:

div.ddblock-cycle-custom30-a div.slide
  {
    display:none;
    height:100%;
    left:0;
    position:
    absolute;
    top:0;
  }
  
div.ddblock-cycle-custom30-a div.slide-inner img
  {
    width:600px;
    height:400px;
    margin:0;
    padding:0;
    position:absolute;
    left:350px;
  }

IE8 needed the div.slide to have a declared width when used with an absolute positioned img.

So revised css is this:

div.ddblock-cycle-custom30-a div.slide
  {
    width:950px;
    height:400px;
    left:0;
    position:absolute;
    top:0;
  }
div.ddblock-cycle-custom30-a div.slide-inner img
  {
    width:600px;
    height:400px;
    margin:0;
    padding:0;
    position:absolute;
    left:350px;
  }

This is a great module and very flexible. Thanks!

ppblaauw’s picture

ppblaauw commented

Thank you for explaining.
Will surely be a useful tip for other users who want customize a ddblock theme.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.