Rendering issue.... my fault?

Discussion in 'Web Design and Development' started by one1, Sep 12, 2009.

  1. one1 macrumors 65816

    one1

    Joined:
    Jun 17, 2007
    Location:
    Chattanooga, TN
    #1
    I explained in another thread I was helping a buddy build a website for his brick and mortar store. I'm doing it on my iMac and Safari and it looks just fine when I go to it, but when he goes to it the header .png is not lined up so it is not rendering properly on IE.

    Click for larger example.

    IE
    [​IMG]

    Safari
    [​IMG]

    Did I do this by not making effort somewhere, or is it just one of the two browsers simply not wanting to render properly? Most importantly......... how do I fix the issue?
     
  2. Dunmail macrumors regular

    Joined:
    Mar 27, 2009
    Location:
    Skipton, UK
    #2
    Without seeing the html and associated CSS it's difficult to be sure. Would you mind posting the minimal code that exhibits the behaviour?
     
  3. one1 thread starter macrumors 65816

    one1

    Joined:
    Jun 17, 2007
    Location:
    Chattanooga, TN
    #3
    It is actually just run of the mill OSCommerce with some color changes in the Stylesheet.css

    Here's index.php


    PHP:
    <?php
    /*
      $Id: index.php 1739 2007-12-20 00:52:16Z hpdl $

      osCommerce, Open Source E-Commerce Solutions
      http://www.oscommerce.com

      Copyright (c) 2003 osCommerce

      Released under the GNU General Public License
    */

      
    require('includes/application_top.php');

    // the following cPath references come from application_top.php
      
    $category_depth 'top';
      if (isset(
    $cPath) && tep_not_null($cPath)) {
        
    $categories_products_query tep_db_query("select count(*) as total from " TABLE_PRODUCTS_TO_CATEGORIES " where categories_id = '" . (int)$current_category_id "'");
        
    $cateqories_products tep_db_fetch_array($categories_products_query);
        if (
    $cateqories_products['total'] > 0) {
          
    $category_depth 'products'// display products
        
    } else {
          
    $category_parent_query tep_db_query("select count(*) as total from " TABLE_CATEGORIES " where parent_id = '" . (int)$current_category_id "'");
          
    $category_parent tep_db_fetch_array($category_parent_query);
          if (
    $category_parent['total'] > 0) {
            
    $category_depth 'nested'// navigate through the categories
          
    } else {
            
    $category_depth 'products'// category has no products, but display the 'no products' message
          
    }
        }
      }

      require(
    DIR_WS_LANGUAGES $language '/' FILENAME_DEFAULT);
    ?>
    <!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html <?php echo HTML_PARAMS?>>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=<?php echo CHARSET?>">
    <title><?php echo TITLE?></title>
    <base href="<?php echo (($request_type == 'SSL') ? HTTPS_SERVER HTTP_SERVER) . DIR_WS_CATALOG?>">
    <link rel="stylesheet" type="text/css" href="stylesheet.css">
    </head>
    <body marginwidth="0" marginheight="0" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0">
    <!-- header //-->
    <?php require(DIR_WS_INCLUDES 'header.php'); ?>
    <!-- header_eof //-->

    <!-- body //-->
    <table border="0" width="100%" cellspacing="3" cellpadding="3">
      <tr>
        <td width="<?php echo BOX_WIDTH?>" valign="top"><table border="0" width="<?php echo BOX_WIDTH?>" cellspacing="0" cellpadding="2">
    <!-- left_navigation //-->

    <?php require(DIR_WS_INCLUDES 'column_left.php'); ?>

    <!-- left_navigation_eof //-->
        </table></td>
    <!-- body_text //-->
    <?php
      
    if ($category_depth == 'nested') {
        
    $category_query tep_db_query("select cd.categories_name, c.categories_image from " TABLE_CATEGORIES " c, " TABLE_CATEGORIES_DESCRIPTION " cd where c.categories_id = '" . (int)$current_category_id "' and cd.categories_id = '" . (int)$current_category_id "' and cd.language_id = '" . (int)$languages_id "'");
        
    $category tep_db_fetch_array($category_query);
    ?>
        <td width="100%" valign="top"><table border="0" width="100%" cellspacing="0" cellpadding="0">
          <tr>
            <td><table border="0" width="100%" cellspacing="0" cellpadding="0">
              <tr>
                <td class="pageHeading"><?php echo HEADING_TITLE?></td>
                <td class="pageHeading" align="right"><?php echo tep_image(DIR_WS_IMAGES $category['categories_image'], $category['categories_name'], HEADING_IMAGE_WIDTHHEADING_IMAGE_HEIGHT); ?></td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td><?php echo tep_draw_separator('pixel_trans.gif''100%''10'); ?></td>
          </tr>
          <tr>
            <td><table border="0" width="100%" cellspacing="0" cellpadding="2">
              <tr>
                <td><table border="0" width="100%" cellspacing="0" cellpadding="2">
                  <tr>
    <?php
        
    if (isset($cPath) && strpos('_'$cPath)) {
    // check to see if there are deeper categories within the current category
          
    $category_links array_reverse($cPath_array);
          for(
    $i=0$n=sizeof($category_links); $i<$n$i++) {
            
    $categories_query tep_db_query("select count(*) as total from " TABLE_CATEGORIES " c, " TABLE_CATEGORIES_DESCRIPTION " cd where c.parent_id = '" . (int)$category_links[$i] . "' and c.categories_id = cd.categories_id and cd.language_id = '" . (int)$languages_id "'");
            
    $categories tep_db_fetch_array($categories_query);
            if (
    $categories['total'] < 1) {
              
    // do nothing, go through the loop
            
    } else {
              
    $categories_query tep_db_query("select c.categories_id, cd.categories_name, c.categories_image, c.parent_id from " TABLE_CATEGORIES " c, " TABLE_CATEGORIES_DESCRIPTION " cd where c.parent_id = '" . (int)$category_links[$i] . "' and c.categories_id = cd.categories_id and cd.language_id = '" . (int)$languages_id "' order by sort_order, cd.categories_name");
              break; 
    // we've found the deepest category the customer is in
            
    }
          }
        } else {
          
    $categories_query tep_db_query("select c.categories_id, cd.categories_name, c.categories_image, c.parent_id from " TABLE_CATEGORIES " c, " TABLE_CATEGORIES_DESCRIPTION " cd where c.parent_id = '" . (int)$current_category_id "' and c.categories_id = cd.categories_id and cd.language_id = '" . (int)$languages_id "' order by sort_order, cd.categories_name");
        }

        
    $number_of_categories tep_db_num_rows($categories_query);

        
    $rows 0;
        while (
    $categories tep_db_fetch_array($categories_query)) {
          
    $rows++;
          
    $cPath_new tep_get_path($categories['categories_id']);
          
    $width = (int)(100 MAX_DISPLAY_CATEGORIES_PER_ROW) . '%';
          echo 
    '                <td align="center" class="smallText" width="' $width '" valign="top"><a href="' tep_href_link(FILENAME_DEFAULT$cPath_new) . '">' tep_image(DIR_WS_IMAGES $categories['categories_image'], $categories['categories_name'], SUBCATEGORY_IMAGE_WIDTHSUBCATEGORY_IMAGE_HEIGHT) . '<br>' $categories['categories_name'] . '</a></td>' "\n";
          if (((
    $rows MAX_DISPLAY_CATEGORIES_PER_ROW) == floor($rows MAX_DISPLAY_CATEGORIES_PER_ROW)) && ($rows != $number_of_categories)) {
            echo 
    '              </tr>' "\n";
            echo 
    '              <tr>' "\n";
          }
        }

    // needed for the new products module shown below
        
    $new_products_category_id $current_category_id;
    ?>
                  </tr>
                </table></td>
              </tr>
              <tr>
                <td><?php echo tep_draw_separator('pixel_trans.gif''100%''10'); ?></td>
              </tr>
              <tr>
                <td><?php include(DIR_WS_MODULES FILENAME_NEW_PRODUCTS); ?></td>
              </tr>
            </table></td>
          </tr>
        </table></td>
    <?php
      
    } elseif ($category_depth == 'products' || isset($HTTP_GET_VARS['manufacturers_id'])) {
    // create column list
        
    $define_list = array('PRODUCT_LIST_MODEL' => PRODUCT_LIST_MODEL,
                             
    'PRODUCT_LIST_NAME' => PRODUCT_LIST_NAME,
                             
    'PRODUCT_LIST_MANUFACTURER' => PRODUCT_LIST_MANUFACTURER,
                             
    'PRODUCT_LIST_PRICE' => PRODUCT_LIST_PRICE,
                             
    'PRODUCT_LIST_QUANTITY' => PRODUCT_LIST_QUANTITY,
                             
    'PRODUCT_LIST_WEIGHT' => PRODUCT_LIST_WEIGHT,
                             
    'PRODUCT_LIST_IMAGE' => PRODUCT_LIST_IMAGE,
                             
    'PRODUCT_LIST_BUY_NOW' => PRODUCT_LIST_BUY_NOW);

        
    asort($define_list);

        
    $column_list = array();
        
    reset($define_list);
        while (list(
    $key$value) = each($define_list)) {
          if (
    $value 0$column_list[] = $key;
        }

        
    $select_column_list '';

        for (
    $i=0$n=sizeof($column_list); $i<$n$i++) {
          switch (
    $column_list[$i]) {
            case 
    'PRODUCT_LIST_MODEL':
              
    $select_column_list .= 'p.products_model, ';
              break;
            case 
    'PRODUCT_LIST_NAME':
              
    $select_column_list .= 'pd.products_name, ';
              break;
            case 
    'PRODUCT_LIST_MANUFACTURER':
              
    $select_column_list .= 'm.manufacturers_name, ';
              break;
            case 
    'PRODUCT_LIST_QUANTITY':
              
    $select_column_list .= 'p.products_quantity, ';
              break;
            case 
    'PRODUCT_LIST_IMAGE':
              
    $select_column_list .= 'p.products_image, ';
              break;
            case 
    'PRODUCT_LIST_WEIGHT':
              
    $select_column_list .= 'p.products_weight, ';
              break;
          }
        }

    // show the products of a specified manufacturer
        
    if (isset($HTTP_GET_VARS['manufacturers_id'])) {
          if (isset(
    $HTTP_GET_VARS['filter_id']) && tep_not_null($HTTP_GET_VARS['filter_id'])) {
    // We are asked to show only a specific category
            
    $listing_sql "select " $select_column_list " p.products_id, p.manufacturers_id, p.products_price, p.products_tax_class_id, IF(s.status, s.specials_new_products_price, NULL) as specials_new_products_price, IF(s.status, s.specials_new_products_price, p.products_price) as final_price from " TABLE_PRODUCTS " p left join " TABLE_SPECIALS " s on p.products_id = s.products_id, " TABLE_PRODUCTS_DESCRIPTION " pd, " TABLE_MANUFACTURERS " m, " TABLE_PRODUCTS_TO_CATEGORIES " p2c where p.products_status = '1' and p.manufacturers_id = m.manufacturers_id and m.manufacturers_id = '" . (int)$HTTP_GET_VARS['manufacturers_id'] . "' and p.products_id = p2c.products_id and pd.products_id = p2c.products_id and pd.language_id = '" . (int)$languages_id "' and p2c.categories_id = '" . (int)$HTTP_GET_VARS['filter_id'] . "'";
          } else {
    // We show them all
            
    $listing_sql "select " $select_column_list " p.products_id, p.manufacturers_id, p.products_price, p.products_tax_class_id, IF(s.status, s.specials_new_products_price, NULL) as specials_new_products_price, IF(s.status, s.specials_new_products_price, p.products_price) as final_price from " TABLE_PRODUCTS " p left join " TABLE_SPECIALS " s on p.products_id = s.products_id, " TABLE_PRODUCTS_DESCRIPTION " pd, " TABLE_MANUFACTURERS " m where p.products_status = '1' and pd.products_id = p.products_id and pd.language_id = '" . (int)$languages_id "' and p.manufacturers_id = m.manufacturers_id and m.manufacturers_id = '" . (int)$HTTP_GET_VARS['manufacturers_id'] . "'";
          }
        } else {
    // show the products in a given categorie
          
    if (isset($HTTP_GET_VARS['filter_id']) && tep_not_null($HTTP_GET_VARS['filter_id'])) {
    // We are asked to show only specific catgeory
            
    $listing_sql "select " $select_column_list " p.products_id, p.manufacturers_id, p.products_price, p.products_tax_class_id, IF(s.status, s.specials_new_products_price, NULL) as specials_new_products_price, IF(s.status, s.specials_new_products_price, p.products_price) as final_price from " TABLE_PRODUCTS " p left join " TABLE_SPECIALS " s on p.products_id = s.products_id, " TABLE_PRODUCTS_DESCRIPTION " pd, " TABLE_MANUFACTURERS " m, " TABLE_PRODUCTS_TO_CATEGORIES " p2c where p.products_status = '1' and p.manufacturers_id = m.manufacturers_id and m.manufacturers_id = '" . (int)$HTTP_GET_VARS['filter_id'] . "' and p.products_id = p2c.products_id and pd.products_id = p2c.products_id and pd.language_id = '" . (int)$languages_id "' and p2c.categories_id = '" . (int)$current_category_id "'";
          } else {
    // We show them all
            
    $listing_sql "select " $select_column_list " p.products_id, p.manufacturers_id, p.products_price, p.products_tax_class_id, IF(s.status, s.specials_new_products_price, NULL) as specials_new_products_price, IF(s.status, s.specials_new_products_price, p.products_price) as final_price from " TABLE_PRODUCTS_DESCRIPTION " pd, " TABLE_PRODUCTS " p left join " TABLE_MANUFACTURERS " m on p.manufacturers_id = m.manufacturers_id left join " TABLE_SPECIALS " s on p.products_id = s.products_id, " TABLE_PRODUCTS_TO_CATEGORIES " p2c where p.products_status = '1' and p.products_id = p2c.products_id and pd.products_id = p2c.products_id and pd.language_id = '" . (int)$languages_id "' and p2c.categories_id = '" . (int)$current_category_id "'";
          }
        }

        if ( (!isset(
    $HTTP_GET_VARS['sort'])) || (!ereg('^[1-8][ad]$'$HTTP_GET_VARS['sort'])) || (substr($HTTP_GET_VARS['sort'], 01) > sizeof($column_list)) ) {
          for (
    $i=0$n=sizeof($column_list); $i<$n$i++) {
            if (
    $column_list[$i] == 'PRODUCT_LIST_NAME') {
              
    $HTTP_GET_VARS['sort'] = $i+'a';
              
    $listing_sql .= " order by pd.products_name";
              break;
            }
          }
        } else {
          
    $sort_col substr($HTTP_GET_VARS['sort'], 1);
          
    $sort_order substr($HTTP_GET_VARS['sort'], 1);

          switch (
    $column_list[$sort_col-1]) {
            case 
    'PRODUCT_LIST_MODEL':
              
    $listing_sql .= " order by p.products_model " . ($sort_order == 'd' 'desc' '') . ", pd.products_name";
              break;
            case 
    'PRODUCT_LIST_NAME':
              
    $listing_sql .= " order by pd.products_name " . ($sort_order == 'd' 'desc' '');
              break;
            case 
    'PRODUCT_LIST_MANUFACTURER':
              
    $listing_sql .= " order by m.manufacturers_name " . ($sort_order == 'd' 'desc' '') . ", pd.products_name";
              break;
            case 
    'PRODUCT_LIST_QUANTITY':
              
    $listing_sql .= " order by p.products_quantity " . ($sort_order == 'd' 'desc' '') . ", pd.products_name";
              break;
            case 
    'PRODUCT_LIST_IMAGE':
              
    $listing_sql .= " order by pd.products_name";
              break;
            case 
    'PRODUCT_LIST_WEIGHT':
              
    $listing_sql .= " order by p.products_weight " . ($sort_order == 'd' 'desc' '') . ", pd.products_name";
              break;
            case 
    'PRODUCT_LIST_PRICE':
              
    $listing_sql .= " order by final_price " . ($sort_order == 'd' 'desc' '') . ", pd.products_name";
              break;
          }
        }
    ?>
        <td width="100%" valign="top"><table border="0" width="100%" cellspacing="0" cellpadding="0">
          <tr>
            <td><table border="0" width="100%" cellspacing="0" cellpadding="0">
              <tr>
                <td class="pageHeading"><?php echo HEADING_TITLE?></td>
    <?php
    // optional Product List Filter
        
    if (PRODUCT_LIST_FILTER 0) {
          if (isset(
    $HTTP_GET_VARS['manufacturers_id'])) {
            
    $filterlist_sql "select distinct c.categories_id as id, cd.categories_name as name from " TABLE_PRODUCTS " p, " TABLE_PRODUCTS_TO_CATEGORIES " p2c, " TABLE_CATEGORIES " c, " TABLE_CATEGORIES_DESCRIPTION " cd where p.products_status = '1' and p.products_id = p2c.products_id and p2c.categories_id = c.categories_id and p2c.categories_id = cd.categories_id and cd.language_id = '" . (int)$languages_id "' and p.manufacturers_id = '" . (int)$HTTP_GET_VARS['manufacturers_id'] . "' order by cd.categories_name";
          } else {
            
    $filterlist_sql"select distinct m.manufacturers_id as id, m.manufacturers_name as name from " TABLE_PRODUCTS " p, " TABLE_PRODUCTS_TO_CATEGORIES " p2c, " TABLE_MANUFACTURERS " m where p.products_status = '1' and p.manufacturers_id = m.manufacturers_id and p.products_id = p2c.products_id and p2c.categories_id = '" . (int)$current_category_id "' order by m.manufacturers_name";
          }
          
    $filterlist_query tep_db_query($filterlist_sql);
          if (
    tep_db_num_rows($filterlist_query) > 1) {
            echo 
    '            <td align="center" class="main">' tep_draw_form('filter'FILENAME_DEFAULT'get') . TEXT_SHOW ' ';
            if (isset(
    $HTTP_GET_VARS['manufacturers_id'])) {
              echo 
    tep_draw_hidden_field('manufacturers_id'$HTTP_GET_VARS['manufacturers_id']);
              
    $options = array(array('id' => '''text' => TEXT_ALL_CATEGORIES));
            } else {
              echo 
    tep_draw_hidden_field('cPath'$cPath);
              
    $options = array(array('id' => '''text' => TEXT_ALL_MANUFACTURERS));
            }
            echo 
    tep_draw_hidden_field('sort'$HTTP_GET_VARS['sort']);
            while (
    $filterlist tep_db_fetch_array($filterlist_query)) {
              
    $options[] = array('id' => $filterlist['id'], 'text' => $filterlist['name']);
            }
            echo 
    tep_draw_pull_down_menu('filter_id'$options, (isset($HTTP_GET_VARS['filter_id']) ? $HTTP_GET_VARS['filter_id'] : ''), 'onchange="this.form.submit()"');
            echo 
    tep_hide_session_id() . '</form></td>' "\n";
          }
        }

    // Get the right image for the top-right
        
    $image DIR_WS_IMAGES 'table_background_list.gif';
        if (isset(
    $HTTP_GET_VARS['manufacturers_id'])) {
          
    $image tep_db_query("select manufacturers_image from " TABLE_MANUFACTURERS " where manufacturers_id = '" . (int)$HTTP_GET_VARS['manufacturers_id'] . "'");
          
    $image tep_db_fetch_array($image);
          
    $image $image['manufacturers_image'];
        } elseif (
    $current_category_id) {
          
    $image tep_db_query("select categories_image from " TABLE_CATEGORIES " where categories_id = '" . (int)$current_category_id "'");
          
    $image tep_db_fetch_array($image);
          
    $image $image['categories_image'];
        }
    ?>
                <td align="right"><?php echo tep_image(DIR_WS_IMAGES $imageHEADING_TITLEHEADING_IMAGE_WIDTHHEADING_IMAGE_HEIGHT); ?></td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td><?php echo tep_draw_separator('pixel_trans.gif''100%''10'); ?></td>
          </tr>
          <tr>
            <td><?php include(DIR_WS_MODULES FILENAME_PRODUCT_LISTING); ?></td>
          </tr>
        </table></td>
    <?php
      
    } else { // default page
    ?>
        <td width="100%" valign="top"><table border="0" width="100%" cellspacing="0" cellpadding="0">
          <tr>
            <td><table border="0" width="100%" cellspacing="0" cellpadding="0">
              <tr>
                <td class="pageHeading"><?php echo HEADING_TITLE?></td>
                <td class="pageHeading" align="right"><?php echo tep_image(DIR_WS_IMAGES 'table_background_default.gif'HEADING_TITLEHEADING_IMAGE_WIDTHHEADING_IMAGE_HEIGHT); ?></td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td><?php echo tep_draw_separator('pixel_trans.gif''100%''10'); ?></td>
          </tr>
          <tr>
            <td><table border="0" width="100%" cellspacing="0" cellpadding="0">
              <tr>
                <td class="main"><?php echo tep_customer_greeting(); ?></td>
              </tr>
              <tr>
                <td><?php echo tep_draw_separator('pixel_trans.gif''100%''10'); ?></td>
              </tr>
              <tr>
                <td class="main"><?php echo TEXT_MAIN?></td>
              </tr>
              <tr>
                <td><?php echo tep_draw_separator('pixel_trans.gif''100%''10'); ?></td>
              </tr>
              <tr>
                <td><?php include(DIR_WS_MODULES FILENAME_NEW_PRODUCTS); ?></td>
              </tr>
    <?php
        
    include(DIR_WS_MODULES FILENAME_UPCOMING_PRODUCTS);
    ?>
            </table></td>
          </tr>
        </table></td>
    <?php
      
    }
    ?>
    <!-- body_text_eof //-->
        <td width="<?php echo BOX_WIDTH?>" valign="top"><table border="0" width="<?php echo BOX_WIDTH?>" cellspacing="0" cellpadding="2">
    <!-- right_navigation //-->
    <?php require(DIR_WS_INCLUDES 'column_right.php'); ?>
    <!-- right_navigation_eof //-->
        </table></td>
      </tr>
    </table>
    <!-- body_eof //-->

    <!-- footer //-->
    <?php require(DIR_WS_INCLUDES 'footer.php'); ?>
    <!-- footer_eof //-->
    <p>
    <p><?

    if($cPath =='')
    {

    ?>
    <center><div class='credits'>Sharp-Grey-OSC Designed by</div> <a href='http://www.e-cash-advance.net/' ><img src="images/icons2.gif" border='0' alt='Cash Advance'></a></center>

    <?
    }
    ?>

    </body>

    </html>
    <?php require(DIR_WS_INCLUDES 'application_bottom.php'); ?>
     
  4. Dunmail macrumors regular

    Joined:
    Mar 27, 2009
    Location:
    Skipton, UK
    #4
    What's the URL of the site? It looks like the offending code is in the include file but seeing the end result html will be useful.
     

Share This Page