Hi there. I have read the FAQ and the issues database and can't find an answer to this challenge. I have installed ddb and confirm it is working properly in Firefox. However, the images are being cut off in IE 7 and 8. The transition seems to be happening behind a gray banner. I have checked permissions, reinstalled the image views, and cleared the drupal cache numerous times.

The page url is: http://www.symphonicstrategies.com/node/158. The template.php file is attached. I am also using a custom theme, called theme251. I welcome the help.

The following is returned when I uncomment the drupal set message in the template.php file:

array (
'delta' => '2',
'output_type' => 'view_fields',
'pager' => 'custom-pager',
'pager_container' => NULL,
'pager_event' => NULL,
'pager_height' => 63,
'pager_width' => 195,
'imgcache_pager_item' => '',
'pager_position' => 'bottom',
'template' => 'custom',
'custom_template' => 'onslide-40p',
'view_name' => 'news_items',
)stdClass::__set_state(array(
'nid' => '156',
'node_title' => 'Parents as Leaders',
'node_language' => 'en',
'node_data_field_pager_item_text_field_pager_item_text_value' => 'Parents as Leaders',
'node_type' => 'ddblock_news_item',
'node_vid' => '156',
'node_data_field_pager_item_text_field_slide_text_value' => 'Do low-income parents have the skills to be effective leaders at home, at school, and in the community? Our recent study weighs in on this issue.',
'node_data_field_pager_item_text_field_image_fid' => '117',
'node_data_field_pager_item_text_field_image_list' => '1',
'node_data_field_pager_item_text_field_image_data' => 'a:3:{s:11:"description";s:0:"";s:3:"alt";s:0:"";s:5:"title";s:0:"";}',
'node_revisions_body' => 'A Market Analysis of Parent Engagement Programs in Washington, D.C. (2009)
This report presents the conclusions from a market research study we conducted in 2009 on the supply of, and demand for, parental leadership programs in the District of Columbia. The study involved in-depth interviews and focus groups with parents, conversations with seasoned parent trainers, and an intensive review of leading parental leadership programs across the country.
The central conclusion of our study is that a significant percentage of parents in economically distressed communities do not have the necessary skills to actually assume effective leadership roles that help to shape the future for their children, family, school, and community. Investing in resources and programs that combine leadership skills with the knowledge about the mechanics of systemic change is the next frontier in the movement to empower parents as partners. Download report (.pdf).',
'node_revisions_format' => '2',
'node_created' => '1261437833',
))'news_items'stdClass::__set_state(array(
'nid' => '156',
'node_title' => 'Parents as Leaders',
'node_language' => 'en',
'node_data_field_pager_item_text_field_pager_item_text_value' => 'Parents as Leaders',
'node_type' => 'ddblock_news_item',
'node_vid' => '156',
'node_data_field_pager_item_text_field_slide_text_value' => 'Do low-income parents have the skills to be effective leaders at home, at school, and in the community? Our recent study weighs in on this issue.',
'node_data_field_pager_item_text_field_image_fid' => '117',
'node_data_field_pager_item_text_field_image_list' => '1',
'node_data_field_pager_item_text_field_image_data' => 'a:3:{s:11:"description";s:0:"";s:3:"alt";s:0:"";s:5:"title";s:0:"";}',
'node_revisions_body' => 'A Market Analysis of Parent Engagement Programs in Washington, D.C. (2009)
This report presents the conclusions from a market research study we conducted in 2009 on the supply of, and demand for, parental leadership programs in the District of Columbia. The study involved in-depth interviews and focus groups with parents, conversations with seasoned parent trainers, and an intensive review of leading parental leadership programs across the country.
The central conclusion of our study is that a significant percentage of parents in economically distressed communities do not have the necessary skills to actually assume effective leadership roles that help to shape the future for their children, family, school, and community. Investing in resources and programs that combine leadership skills with the knowledge about the mechanics of systemic change is the next frontier in the movement to empower parents as partners. Download report (.pdf).',
'node_revisions_format' => '2',
'node_created' => '1261437833',
))

The template.php file code is pasted below:

function theme251_menu_local_task($link, $active = FALSE) {
  return '<li '. ($active ? 'class="active" ' : '') .'><span><span>'. $link ."</span></span></li>\n";
}
function theme251_l($text, $path, $options = array()) {
  // Merge in defaults.
  $options += array(
      'attributes' => array(),
      'html' => TRUE,
    );

  // Append active class.
  if ($path == $_GET['q'] || ($path == '<front>' && drupal_is_front_page())) {
    if (isset($options['attributes']['class'])) {
      $options['attributes']['class'] .= ' active';
    }
    else {
      $options['attributes']['class'] = 'active';
    }
  }

  // Remove all HTML and PHP tags from a tooltip. For best performance, we act only
  // if a quick strpos() pre-check gave a suspicion (because strip_tags() is expensive).
  if (isset($options['attributes']['title']) && strpos($options['attributes']['title'], '<') !== FALSE) {
    $options['attributes']['title'] = strip_tags($options['attributes']['title']);
  }

  return '<a href="'. check_url(url($path, $options)) .'"'. drupal_attributes($options['attributes']) .'>'. ($options['html'] ? $text : check_plain($text)) .'</a>';
}

/**
* Override theme_links to include <span> in list.
*/
function theme251_links($links, $attributes = array('class' => 'links')) {
 $output = '';
  if (count($links) > 0) {
    $output = '<ul'. drupal_attributes($attributes) .'>';
    $num_links = count($links);
    $i = 1;
    foreach ($links as $key => $link) {
      $class = '';
      // Automatically add a class to each link and also to each LI
      if (isset($link['attributes']) && isset($link['attributes']['class'])) {
        $link['attributes']['class'] .= ' ' . $key;
        $class = $key;
      }
      else {
        $link['attributes']['class'] = $key;
        $class = $key;
      }
      // Add first and last classes to the list of links to help out themers.
      $extra_class = '';
      if ($i == 1) {
        $extra_class .= 'first ';
      }
      if ($i == $num_links) {
        $extra_class .= 'last ';
      }
      // Add class active to active li
      $current = '';
      if (strstr($class, 'active')) {
        $current = ' active';
      }
      $output .= '<li class="'. $extra_class . $class . $current .'">';
      // Is the title HTML?
      $html = isset($link['html']) && $link['html'];
      // Initialize fragment and query variables.
      $link['query'] = isset($link['query']) ? $link['query'] : NULL;
      $link['fragment'] = isset($link['fragment']) ? $link['fragment'] : NULL;
      if (isset($link['href'])) {
        $spanned_title = "<span ". drupal_attributes($link['attributes']) ."><span>".$link['title']."</span></span>";
// In the line above, you could take out the drupal_attributes var and specify your class
		
       $output .= theme251_l($spanned_title, $link['href'], $link['attributes'], $link['query'], $link['fragment']);
      } else if ($link['title']) {
        //Some links are actually not links, but we wrap these in <span> for adding title and class attributes
        if (!$html) {
          $link['title'] = check_plain($link['title']);
        }
        $output .= '<span'. drupal_attributes($link['attributes']) .'>'. $link['title'] .'</span>';
      }
      $i++;
      $output .= "</li>\n";
    }
    $output .= '</ul>';
  }
  return $output;
}

/*!
 
* Dynamic display block preprocess functions
 
* Copyright (c) 2008 - 2009 P. Blaauw All rights reserved.
 
* Version 1.6 (01-OCT-2009)
 
* Licenced under GPL license
 
* http://www.gnu.org/licenses/gpl.html
 
*/

 
/**
 
* Override or insert variables into the ddblock_cycle_block_content templates.
 
*   Used to convert variables from view_fields to slider_items template variables

 *

 * @param $vars

 *   An array of variables to pass to the theme template.
 
* 

 */

function theme251_preprocess_ddblock_cycle_block_content(&$vars) {

  if ($vars['output_type'] == 'view_fields') {

    $content = array();

    // Add slider_items for the template 

    // If you use the devel module uncomment the following line to see the theme variables

    // dsm($vars['settings']['view_name']);  

    // dsm($vars['content'][0]);

    // If you don't use the devel module uncomment the following line to see the theme variables

     drupal_set_message('<pre>' . var_export($vars['settings']['view_name'], true) . '</pre>');

     drupal_set_message('<pre>' . var_export($vars['content'][0], true) . '</pre>');

    if ($vars['settings']['view_name'] == 'news_items') {

      if (!empty($vars['content'])) {

        foreach ($vars['content'] as $key1 => $result) {

          // add slide_image variable 
          if (isset($result->node_data_field_pager_item_text_field_image_fid)) {

            // get image id
 
           $fid = $result->node_data_field_pager_item_text_field_image_fid;
 
           // get path to image
 
           $filepath = db_result(db_query("SELECT filepath FROM {files} WHERE fid = %d", $fid));

            //  use imagecache (imagecache, preset_name, file_path, alt, title, array of attributes)
 
           if (module_exists('imagecache') && is_array(imagecache_presets()) && $vars['imgcache_slide'] <> '<none>'){

              $slider_items[$key1]['slide_image'] = 


              theme('imagecache', 

                    $vars['imgcache_slide'], 

                    $filepath,

                    check_plain($result->node_title));

            }
            else {          

              $slider_items[$key1]['slide_image'] = 

                '<img src="' . base_path() . $filepath . 

                '" alt="' . check_plain($result->node_title) . 

                '"/>';     

            }          

          }
          // add slide_text variable


          if (isset($result->node_data_field_pager_item_text_field_slide_text_value)) {


            $slider_items[$key1]['slide_text'] =  check_markup($result->node_data_field_pager_item_text_field_slide_text_value);


          }

          // add slide_title variable

          if (isset($result->node_title)) {

            $slider_items[$key1]['slide_title'] =  check_plain($result->node_title);

          }

          // add slide_read_more variable and slide_node variable
 
         if (isset($result->nid)) {

            $slider_items[$key1]['slide_read_more'] =  l('Read more...', 'node/' . $result->nid);

            $slider_items[$key1]['slide_node'] =  base_path() . 'node/' . $result->nid;
          }

        }

      }

    }    

    $vars['slider_items'] = $slider_items;

  }

}  

/**

 * Override or insert variables into the ddblock_cycle_pager_content templates.

 *   Used to convert variables from view_fields  to pager_items template variables

 *  Only used for custom pager items

 *

 * @param $vars

 *   An array of variables to pass to the theme template.

 *

 */

function theme251_preprocess_ddblock_cycle_pager_content(&$vars) {

  if (($vars['output_type'] == 'view_fields') && ($vars['pager_settings']['pager'] == 'custom-pager')){

    $content = array();

    // Add pager_items for the template 

    // If you use the devel module uncomment the following lines to see the theme variables

    // dsm($vars['pager_settings']['view_name']);     

    // dsm($vars['content'][0]);     

    // If you don't use the devel module uncomment the following lines to see the theme variables

     drupal_set_message('<pre>' . var_export($vars['pager_settings'], true) . '</pre>');

     drupal_set_message('<pre>' . var_export($vars['content'][0], true) . '</pre>');

    if ($vars['pager_settings']['view_name'] == 'news_items') {

      if (!empty($vars['content'])) {

        foreach ($vars['content'] as $key1 => $result) {

          // add pager_item_image variable

          if (isset($result->node_data_field_pager_item_text_field_image_fid)) {


            $fid = $result->node_data_field_pager_item_text_field_image_fid;

            $filepath = db_result(db_query("SELECT filepath FROM {files} WHERE fid = %d", $fid));

            //  use imagecache (imagecache, preset_name, file_path, alt, title, array of attributes)

            if (module_exists('imagecache') && 

                is_array(imagecache_presets()) && 

                $vars['imgcache_pager_item'] <> '<none>'){

              $pager_items[$key1]['image'] = 

                theme('imagecache', 

                      $vars['pager_settings']['imgcache_pager_item'],              

                      $filepath,

                      check_plain($result->node_data_field_pager_item_text_field_pager_item_text_value));

            }

            else {          

              $pager_items[$key1]['image'] = 

                '<img src="' . base_path() . $filepath . 

                '" alt="' . check_plain($result->node_data_field_pager_item_text_field_pager_item_text_value) . 

                '"/>';     

            }          

          }

          // add pager_item _text variable

          if (isset($result->node_data_field_pager_item_text_field_pager_item_text_value)) {

            $pager_items[$key1]['text'] =  check_plain($result->node_data_field_pager_item_text_field_pager_item_text_value);

          }

        }

      }
 
   }
    $vars['pager_items'] = $pager_items;

  }    

}

Comments

ppblaauw’s picture

Priority: Critical » Normal
Status: Active » Postponed (maintainer needs more info)

Thanks for the clear issue report and the link to the Internet site

Unfortunately IE support only 32 CSS stylesheets and your installation uses more and the last stylesheet is the stylesheet for the ddblock module which is now not used in IE.

When you would put on CSS aggregation at administer > site configuration > performance what you will use when the site is in production, the issue will disappear.

It took me one day to pinpoint this issue when I encountered it.

Hope this helps you further, please let me know.

ajrobinson’s picture

Thanks for the quick reply. I went to administer / site configuration / performance and I only see the option of "Optimize CSS Files." Is this what I should enable? I tried this, cleared the cache, but the problem continues. Can you explain CSS aggregation a bit for me? Thanks for the help.

ppblaauw’s picture

Yes, that is what I mean, enable "Optimize CSS Files". In the description above it, you can find the explanation what it will do. (aggregate and compress your CSS files in one CSS file)

I reloaded the page with the ddblock slideshow, but the CSS is not aggregated from what I can see in the source code.

ajrobinson’s picture

Thanks for the clarification. I went ahead and optimized the CSS and still no change. I also installed the drupal module "unlimited css" and am still having the same problem. Any ideas?

ppblaauw’s picture

I see the slideshow working now in IE, it is styled now and the onslide40p ddblock theme is used.

What I also see is that you changed the onslide40p theme.

Can you restore to the original CSS stylesheet for onslide40p.

ajrobinson’s picture

I just reloaded the original CSS for onslide-40p.

You will see the formatting appears to be off in both FF and IE. This is what I originally discovered the first time I installed the custom theme. So, I used a program called Stylizer to edit the CSS file until the images were aligned. But, somehow the edits must be FF-friendly, but not IE-friendly.

I would be happy to use onslide-40p as you originally designed it.

Let me know your advice on what appears to be happening with the original CSS.
Thx again for the great support.

ppblaauw’s picture

You have a padding in the clear-block class.

This should not be there, that is not the right place to add a padding

Hope this helps you further, please let me know.

ajrobinson’s picture

Thank you for your help! I removed the padding and it works just fine.

Just in case someone else stumbles on the same problem - the style.css for my theme (commercially purchased) conflicted with the css written for ddb. The width of the main site container was much smaller than the 702px in the ddb theme and the padding in the clear-block class caused problems that IE was unable to rectify.

...much appreciation.

ppblaauw’s picture

Status: Postponed (maintainer needs more info) » Fixed

Thanks for your explanation.
Set status to fixed.

Status: Fixed » Closed (fixed)

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