16 replies [Last post]
mrmark01
Offline
Regular
Cambridge, UK
Last seen: 13 years 2 weeks ago
Cambridge, UK
Joined: 2009-02-10
Posts: 11
Points: 0

Hi all,

There's a bit of a problem with a site that I'm currently working on... I can't get the site to appear centrally in the browser window. Here's the code I'm using: -

CSS

#whole-page {
	width: 100%;
	min-width:993px;
}
 
.content {
	width: 993px;
	margin-left: auto;
	margin-right: auto;
}

HTML snippet

<div id="whole-page">
<div class="content">
<body>
<?php require(DIR_WS_INCLUDES . 'header.php'); ?>
...
</body>
</div>
</div>

The results of this code is that instead of there being two columns of white space down the left and right side of the page there is only white space on the right hand side. Any idea's why this is happening?

docsquid
Offline
Regular
Last seen: 13 years 2 weeks ago
Joined: 2008-08-05
Posts: 14
Points: 0

try adding

try adding "text-align:center" to the #whole-page. Hell if that doesn't work, add it to the other one too.

mrmark01
Offline
Regular
Cambridge, UK
Last seen: 13 years 2 weeks ago
Cambridge, UK
Joined: 2009-02-10
Posts: 11
Points: 0

That's done the

That's done the trick!

Cheers very much!

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 8 years 18 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

mrmark01, first off your

mrmark01,
first off your code is malformed. you shouldn't have the body inside divs. secondly, the text-align: center is a poor method to use for centering. You should use auto left and right margins in conjuction with a width.

L0LKTHXBYE
L0LKTHXBYE's picture
Offline
Enthusiast
Nederland
Last seen: 12 years 44 weeks ago
Nederland
Timezone: GMT+2
Joined: 2009-06-11
Posts: 98
Points: 0

Or, basically, if

Or, basically, if text-align: center is actually centering your BLOCKS (it's supposed to only work on inlines like text), then you are without a doctype, or not a good-enough doctype, and IE is acting like it's IE5 or below.

Take a look in Firefox or Safari. Is it centered?

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 25 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

L0LKTHXBYE wrote:Or,

L0LKTHXBYE wrote:

Or, basically, if text-align: center is actually centering your BLOCKS (it's supposed to only work on inlines like text), then you are without a doctype, or not a good-enough doctype, and IE is acting like it's IE5 or below.

Take a look in Firefox or Safari. Is it centered?

Actually be careful here, in respect of IE6 it doesn't necessarily mean it's in quirks mode. It seems a little known fact but IE6 will centre a block with text-align:center regardless of rendering mode.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

L0LKTHXBYE
L0LKTHXBYE's picture
Offline
Enthusiast
Nederland
Last seen: 12 years 44 weeks ago
Nederland
Timezone: GMT+2
Joined: 2009-06-11
Posts: 98
Points: 0

Really? Now I have to check

Really? Now I have to check that out because I'm sure I've seen IE6 lose text-align-based centering when a doctype got added... though this is back when I was first learning. Thanks.

*edit, actually both do it (!) and IE7 shows my * html images without the doctype. Learning something new from the crusties every day.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 25 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

It's funny just how many

It's funny just how many things they didn't clear up with IE7 and why indeed they ever bothered with that revision, I have my suspicions that they fed IE8 fixes back through to IE6 called it IE7 to keep everyone quiet until they could get IE8 ready.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

mrmark01
Offline
Regular
Cambridge, UK
Last seen: 13 years 2 weeks ago
Cambridge, UK
Joined: 2009-02-10
Posts: 11
Points: 0

so...

so...

How would I position my site centrally so that it works in FF and IE?

thanks

L0LKTHXBYE
L0LKTHXBYE's picture
Offline
Enthusiast
Nederland
Last seen: 12 years 44 weeks ago
Nederland
Timezone: GMT+2
Joined: 2009-06-11
Posts: 98
Points: 0

What you had should work in

What you had should work in all browsers:

.content {
	width: 993px;
	margin-left: auto;
	margin-right: auto;
}

The shorter way being
.content {
width: 993px;
margin: 0 auto;
}
but same thing... so long as .content is a block (which, it seems to be a div, so it's a block).

If it's not centering, then your screen is not wide enough to make room for any margins on the side. As soon as there's enough room to show 993px worth of .content, and then also side margins, then the box should be centering.

*note also, you need to have fixed that code problem Wolf pointed out: You can't wrap any divs around the ; that needs to be the other way around!

The text-align: center doesn't work on blocks in Firefox, Safari, Opera, Konqueror, Chrome, etc... only IE. But the margin-centering thing should work in all browsers, except IE5.5 and below (it's permanently in Quirks Mode) and IE6 and 7 if you don't have a proper doctype.

mrmark01
Offline
Regular
Cambridge, UK
Last seen: 13 years 2 weeks ago
Cambridge, UK
Joined: 2009-02-10
Posts: 11
Points: 0

hasn't worked

Right, I've made the changes but it hasn't centered the site. It behaves as if the CSS wasn't there at all.
Here's the code: -

#whole-page {
	width: 100%;
	min-width:993px;
}
 
.content {
	width: 993px;
	margin-left: auto;
	margin-right: auto;
}

<body>
<div id="whole-page">
<div class="content">
<!-- header //-->
<?php require(DIR_WS_INCLUDES . 'header.php'); ?>
 
...
 
</div>
</div>
</body>

Any other suggestions?

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 8 years 18 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

can you show us a test page

can you show us a test page or all the source code (not the php)?

have you validated?

what's the purpose of the #whole-page?

mrmark01
Offline
Regular
Cambridge, UK
Last seen: 13 years 2 weeks ago
Cambridge, UK
Joined: 2009-02-10
Posts: 11
Points: 0

Here's the source code:

Here's the source code: -

<!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>
<div class="content">
<!-- 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_WIDTH, HEADING_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_WIDTH, SUBCATEGORY_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 > <img src="https://csscreator.com/sites/all/modules/smileys/packs/Roving/innocent.png" title="Innocent" alt="Innocent" class="smiley-content" /> $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'], 0, 1) > 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+1 . 'a';
          $listing_sql .= " order by pd.products_name";
          break;
        }
      }
    } else {
      $sort_col = substr($HTTP_GET_VARS['sort'], 0 , 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 > <img src="https://csscreator.com/sites/all/modules/smileys/packs/Roving/innocent.png" title="Innocent" alt="Innocent" class="smiley-content" /> {
      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 . '&nbsp;';
        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 . $image, HEADING_TITLE, HEADING_IMAGE_WIDTH, HEADING_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_TITLE, HEADING_IMAGE_WIDTH, HEADING_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 //-->
<br>
</div>
</body>
 
</html>
<?php require(DIR_WS_INCLUDES . 'application_bottom.php'); ?>

The site is based around OSCommerse, I haven't validated it yet because I've bearly made any changes to the orginal.
As for the purpose of #whole-page.... it's a container that holds the contents of the page which should grow and strink according to the users resolution.

L0LKTHXBYE
L0LKTHXBYE's picture
Offline
Enthusiast
Nederland
Last seen: 12 years 44 weeks ago
Nederland
Timezone: GMT+2
Joined: 2009-06-11
Posts: 98
Points: 0

The code you posted above

The code you posted above does not have any box with that id #page-wrap. That might be the simple problem : )
However if you only had class="content" have a width and automargins, it would center the page, and force scrollbars on anyone with a smaller screenwidth than 993px like it seems you're trying to do.

.content {
width: 993px;
margin: 0 auto;
}

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">

That's not a finished doctype. Yeah, browsers don't actually read the referrer but they sure do check to see that it's there, for whatever reason.
w3.org/QA/2002/04/valid-dtd-list.html
Notice each doctype is two lines-- you're missing your second line, the referrer url.

<html <?php echo HTML_PARAMS; ?>>

That's still PHP, we'd like HTML... look at whatever page is not working in your browser and View Source. That's what we need to see. Just in case some PHP is adding in #whole-page.

mrmark01
Offline
Regular
Cambridge, UK
Last seen: 13 years 2 weeks ago
Cambridge, UK
Joined: 2009-02-10
Posts: 11
Points: 0

Thanks for your help. I've

Thanks for your help. I've now put a proper doctype in and the site displays correctly in IE but not in FF. Here is the complete source code for the page in question: -

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
 
<html dir="LTR" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Majestic Mutts</title>
<base href="http://localhost/majesticmutts/catalog/">
<link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>
 
<body>
<div id="whole-page">
<div class="content">
<!-- header //-->
 
<table border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr class="header">
    <td valign="middle"><a href="http://localhost/majesticmutts/catalog/index.php?osCsid=bbab6595c8e70b19b6839460c57bffa6"><img src="images/logo.jpg" border="0" alt="Majestic Mutts" title=" Majestic Mutts " width="351" height="82"></a></td>
    <td align="right" valign="bottom"><a href="http://localhost/majesticmutts/catalog/account.php?osCsid=bbab6595c8e70b19b6839460c57bffa6"><img src="images/header_account.gif" border="0" alt="My Account" title=" My Account " width="30" height="30"></a>&nbsp;&nbsp;<a href="http://localhost/majesticmutts/catalog/shopping_cart.php?osCsid=bbab6595c8e70b19b6839460c57bffa6"><img src="images/header_cart.gif" border="0" alt="Cart Contents" title=" Cart Contents " width="30" height="30"></a>&nbsp;&nbsp;<a href="http://localhost/majesticmutts/catalog/checkout_shipping.php?osCsid=bbab6595c8e70b19b6839460c57bffa6"><img src="images/header_checkout.gif" border="0" alt="Checkout" title=" Checkout " width="30" height="30"></a>&nbsp;&nbsp;</td>
  </tr>
</table>
<table border="0" width="100%" cellspacing="0" cellpadding="1">
  <tr class="headerNavigation">
    <td class="headerNavigation">&nbsp;&nbsp;<a href="http://localhost" class="headerNavigation">Top</a> &raquo; <a href="http://localhost/majesticmutts/catalog/index.php?osCsid=bbab6595c8e70b19b6839460c57bffa6" class="headerNavigation">Catalog</a></td>
    <td align="right" class="headerNavigation"><a href="http://localhost/majesticmutts/catalog/account.php?osCsid=bbab6595c8e70b19b6839460c57bffa6" class="headerNavigation">My Account</a> &nbsp;|&nbsp; <a href="http://localhost/majesticmutts/catalog/shopping_cart.php?osCsid=bbab6595c8e70b19b6839460c57bffa6" class="headerNavigation">Cart Contents</a> &nbsp;|&nbsp; <a href="http://localhost/majesticmutts/catalog/checkout_shipping.php?osCsid=bbab6595c8e70b19b6839460c57bffa6" class="headerNavigation">Checkout</a> &nbsp;&nbsp;</td>
  </tr>
</table>
<!-- header_eof //-->
 
<!-- body //-->
<table border="0" width="100%" cellspacing="3" cellpadding="3">
  <tr>
    <td width="125" valign="top"><table border="0" width="125" cellspacing="0" cellpadding="2">
<!-- left_navigation //-->
<!-- categories //-->
          <tr>
            <td>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td height="14" class="infoBoxHeading"><img src="images/infobox/corner_left.gif" border="0" alt=""></td>
    <td width="100%" height="14" class="infoBoxHeading">Categories</td>
    <td height="14" class="infoBoxHeading" nowrap><img src="images/pixel_trans.gif" border="0" alt="" width="11" height="14"></td>
  </tr>
</table>
<table border="0" width="100%" cellspacing="0" cellpadding="1" class="infoBox">
  <tr>
    <td><table border="0" width="100%" cellspacing="0" cellpadding="3" class="infoBoxContents">
  <tr>
    <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
  </tr>
  <tr>
    <td class="boxText"><a href="http://localhost/majesticmutts/catalog/index.php?cPath=1&osCsid=bbab6595c8e70b19b6839460c57bffa6">Hardware-&gt;</a>&nbsp;(6)<br><a href="http://localhost/majesticmutts/catalog/index.php?cPath=2&osCsid=bbab6595c8e70b19b6839460c57bffa6">Software-&gt;</a>&nbsp;(4)<br><a href="http://localhost/majesticmutts/catalog/index.php?cPath=3&osCsid=bbab6595c8e70b19b6839460c57bffa6">DVD Movies-&gt;</a>&nbsp;(17)<br></td>
  </tr>
  <tr>
    <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
  </tr>
</table>
</td>
  </tr>
</table>
            </td>
          </tr>
<!-- categories_eof //-->
<!-- whats_new //-->
          <tr>
            <td>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td height="14" class="infoBoxHeading"><img src="images/infobox/corner_right_left.gif" border="0" alt=""></td>
    <td width="100%" height="14" class="infoBoxHeading">What's New?</td>
    <td height="14" class="infoBoxHeading" nowrap><a href="http://localhost/majesticmutts/catalog/products_new.php?osCsid=bbab6595c8e70b19b6839460c57bffa6"><img src="images/infobox/arrow_right.gif" border="0" alt="more" title=" more " width="12" height="10"></a><img src="images/pixel_trans.gif" border="0" alt="" width="11" height="14"></td>
  </tr>
</table>
<table border="0" width="100%" cellspacing="0" cellpadding="1" class="infoBox">
  <tr>
    <td><table border="0" width="100%" cellspacing="0" cellpadding="3" class="infoBoxContents">
  <tr>
    <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
  </tr>
  <tr>
    <td align="center" class="boxText"><a href="http://localhost/majesticmutts/catalog/product_info.php?products_id=21&osCsid=bbab6595c8e70b19b6839460c57bffa6"><img src="images/sierra/swat_3.gif" border="0" alt="SWAT 3: Close Quarters Battle" title=" SWAT 3: Close Quarters Battle " width="100" height="80"></a><br><a href="http://localhost/majesticmutts/catalog/product_info.php?products_id=21&osCsid=bbab6595c8e70b19b6839460c57bffa6">SWAT 3: Close Quarters Battle</a><br>$79.99</td>
  </tr>
  <tr>
    <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
  </tr>
</table>
</td>
  </tr>
</table>
            </td>
          </tr>
<!-- whats_new_eof //-->
<!-- search //-->
          <tr>
            <td>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td height="14" class="infoBoxHeading"><img src="images/infobox/corner_right_left.gif" border="0" alt=""></td>
    <td width="100%" height="14" class="infoBoxHeading">Quick Find</td>
    <td height="14" class="infoBoxHeading" nowrap><img src="images/pixel_trans.gif" border="0" alt="" width="11" height="14"></td>
  </tr>
</table>
<table border="0" width="100%" cellspacing="0" cellpadding="1" class="infoBox">
  <tr>
    <td><table border="0" width="100%" cellspacing="0" cellpadding="3" class="infoBoxContents">
  <tr>
    <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
  </tr>
  <tr>
    <td align="center" class="boxText"><form name="quick_find" action="http://localhost/majesticmutts/catalog/advanced_search_result.php" method="get"><input type="text" name="keywords" size="10" maxlength="30" style="width: 95px">&nbsp;<input type="hidden" name="osCsid" value="bbab6595c8e70b19b6839460c57bffa6"><input type="image" src="includes/languages/english/images/buttons/button_quick_find.gif" border="0" alt="Quick Find" title=" Quick Find "><br>Use keywords to find the product you are looking for.<br><a href="http://localhost/majesticmutts/catalog/advanced_search.php?osCsid=bbab6595c8e70b19b6839460c57bffa6"><b>Advanced Search</b></a></form></td>
  </tr>
  <tr>
    <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
  </tr>
</table>
</td>
  </tr>
</table>
            </td>
          </tr>
<!-- search_eof //-->
<!-- information //-->
          <tr>
            <td>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td height="14" class="infoBoxHeading"><img src="images/infobox/corner_right_left.gif" border="0" alt=""></td>
    <td width="100%" height="14" class="infoBoxHeading">Information</td>
    <td height="14" class="infoBoxHeading" nowrap><img src="images/pixel_trans.gif" border="0" alt="" width="11" height="14"></td>
  </tr>
</table>
<table border="0" width="100%" cellspacing="0" cellpadding="1" class="infoBox">
  <tr>
    <td><table border="0" width="100%" cellspacing="0" cellpadding="3" class="infoBoxContents">
  <tr>
    <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
  </tr>
  <tr>
    <td class="boxText"><a href="http://localhost/majesticmutts/catalog/shipping.php?osCsid=bbab6595c8e70b19b6839460c57bffa6">Shipping & Returns</a><br><a href="http://localhost/majesticmutts/catalog/privacy.php?osCsid=bbab6595c8e70b19b6839460c57bffa6">Privacy Notice</a><br><a href="http://localhost/majesticmutts/catalog/conditions.php?osCsid=bbab6595c8e70b19b6839460c57bffa6">Conditions of Use</a><br><a href="http://localhost/majesticmutts/catalog/contact_us.php?osCsid=bbab6595c8e70b19b6839460c57bffa6">Contact Us</a></td>
  </tr>
  <tr>
    <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
  </tr>
</table>
</td>
  </tr>
</table>
            </td>
          </tr>
<!-- information_eof //-->
<!-- left_navigation_eof //-->
    </table></td>
<!-- body_text //-->
    <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">What's New Here?</td>
            <td class="pageHeading" align="right"><img src="images/table_background_default.gif" border="0" alt="What's New Here?" title=" What's New Here? " width="57" height="40"></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="10"></td>
      </tr>
      <tr>
        <td><table border="0" width="100%" cellspacing="0" cellpadding="0">
          <tr>
            <td class="main">Welcome <span class="greetUser">Guest!</span> Would you like to <a href="http://localhost/majesticmutts/catalog/login.php?osCsid=bbab6595c8e70b19b6839460c57bffa6"><u>log yourself in</u></a>? Or would you prefer to <a href="http://localhost/majesticmutts/catalog/create_account.php?osCsid=bbab6595c8e70b19b6839460c57bffa6"><u>create an account</u></a>?</td>
          </tr>
          <tr>
            <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="10"></td>
          </tr>
          <tr>
            <td class="main">This is a default setup of osCommerce Online Merchant. Products shown are for demonstrational purposes. <b>Any products purchased will not be delivered nor will the customer be billed</b>. Any information seen on these products is to be treated as fictional.<br><br><table border="0" width="100%" cellspacing="5" cellpadding="2"><tr><td class="main" valign="top"><img src="images/default/1.gif" border="0" alt="" width="20" height="20"></td><td class="main" valign="top"><b>Error Messages</b><br><br>If there are any error or warning messages shown above, please correct them first before proceeding.<br><br>Error messages are displayed at the very top of the page with a complete <span class="messageStackError">background</span> color.<br><br>Several checks are performed to ensure a healthy setup of your online store - these checks can be disabled by editing the appropriate parameters at the bottom of the includes/application_top.php file.</td></tr><td class="main" valign="top"><img src="images/default/2.gif" border="0" alt="" width="20" height="20"></td><td class="main" valign="top"><b>Editing Page Texts</b><br><br>The text shown here can be modified in the following file, on each language basis:<br><br><nobr class="messageStackSuccess">[path to catalog]/includes/languages/english/index.php</nobr><br><br>That file can be edited manually, or via the Administration Tool with the <nobr class="messageStackSuccess">Languages->English->Define</nobr> or <nobr class="messageStackSuccess">Tools->File Manager</nobr> modules.<br><br>The text is set in the following manner:<br><br><nobr>define('TEXT_MAIN', '<span class="messageStackSuccess">This is a default setup of the osCommerce project...</span>');</nobr><br><br>The text highlighted in green may be modified - it is important to keep the define() of the TEXT_MAIN keyword. To remove the text for TEXT_MAIN completely, the following example is used where only two single quote characters exist:<br><br><nobr>define('TEXT_MAIN', '');</nobr><br><br>More information concerning the PHP define() function can be read <a href="http://www.php.net/define" target="_blank"><u>here</u></a>.</td></tr><tr><td class="main" valign="top"><img src="images/default/3.gif" border="0" alt="" width="20" height="20"></td><td class="main" valign="top"><b>Online Documentation</b><br><br>Online documentation can be read at the <a href="http://www.oscommerce.info" target="_blank"><u>osCommerce Knowledge Base</u></a> site.<br><br>Support is available at the <a href="http://www.oscommerce.com/support" target="_blank"><u>osCommerce Support Site</u></a>.</td></tr></table><br>If you wish to download the solution powering this shop, or if you wish to contribute to the osCommerce project, please visit the <a href="http://www.oscommerce.com" target="_blank"><u>support site of osCommerce</u></a>. This shop is running on <font color="#f0000"><b>osCommerce Online Merchant v2.2 RC2a</b></font>.</td>
          </tr>
          <tr>
            <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="10"></td>
          </tr>
          <tr>
            <td><!-- new_products //-->
<table border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td height="14" class="infoBoxHeading"><img src="images/infobox/corner_left.gif" border="0" alt=""></td>
    <td height="14" class="infoBoxHeading" width="100%">New Products For June</td>
    <td height="14" class="infoBoxHeading"><img src="images/infobox/corner_right_left.gif" border="0" alt=""></td>
  </tr>
</table>
<table border="0" width="100%" cellspacing="0" cellpadding="1" class="infoBox">
  <tr>
    <td><table border="0" width="100%" cellspacing="0" cellpadding="4" class="infoBoxContents">
  <tr>
    <td align="center" class="smallText" width="33%" valign="top"><a href="http://localhost/majesticmutts/catalog/product_info.php?products_id=27&osCsid=bbab6595c8e70b19b6839460c57bffa6"><img src="images/hewlett_packard/lj1100xi.gif" border="0" alt="Hewlett Packard LaserJet 1100Xi" title=" Hewlett Packard LaserJet 1100Xi " width="100" height="80"></a><br><a href="http://localhost/majesticmutts/catalog/product_info.php?products_id=27&osCsid=bbab6595c8e70b19b6839460c57bffa6">Hewlett Packard LaserJet 1100Xi</a><br>$499.99</td>
    <td align="center" class="smallText" width="33%" valign="top"><a href="http://localhost/majesticmutts/catalog/product_info.php?products_id=26&osCsid=bbab6595c8e70b19b6839460c57bffa6"><img src="images/microsoft/imexplorer.gif" border="0" alt="Microsoft IntelliMouse Explorer" title=" Microsoft IntelliMouse Explorer " width="100" height="80"></a><br><a href="http://localhost/majesticmutts/catalog/product_info.php?products_id=26&osCsid=bbab6595c8e70b19b6839460c57bffa6">Microsoft IntelliMouse Explorer</a><br>$64.95</td>
    <td align="center" class="smallText" width="33%" valign="top"><a href="http://localhost/majesticmutts/catalog/product_info.php?products_id=25&osCsid=bbab6595c8e70b19b6839460c57bffa6"><img src="images/microsoft/intkeyboardps2.gif" border="0" alt="Microsoft Internet Keyboard PS/2" title=" Microsoft Internet Keyboard PS/2 " width="100" height="80"></a><br><a href="http://localhost/majesticmutts/catalog/product_info.php?products_id=25&osCsid=bbab6595c8e70b19b6839460c57bffa6">Microsoft Internet Keyboard PS/2</a><br>$69.99</td>
  </tr>
  <tr>
    <td align="center" class="smallText" width="33%" valign="top"><a href="http://localhost/majesticmutts/catalog/product_info.php?products_id=24&osCsid=bbab6595c8e70b19b6839460c57bffa6"><img src="images/gt_interactive/disciples.gif" border="0" alt="Disciples: Sacred Lands" title=" Disciples: Sacred Lands " width="100" height="80"></a><br><a href="http://localhost/majesticmutts/catalog/product_info.php?products_id=24&osCsid=bbab6595c8e70b19b6839460c57bffa6">Disciples: Sacred Lands</a><br>$90.00</td>
    <td align="center" class="smallText" width="33%" valign="top"><a href="http://localhost/majesticmutts/catalog/product_info.php?products_id=23&osCsid=bbab6595c8e70b19b6839460c57bffa6"><img src="images/gt_interactive/wheel_of_time.gif" border="0" alt="The Wheel Of Time" title=" The Wheel Of Time " width="100" height="80"></a><br><a href="http://localhost/majesticmutts/catalog/product_info.php?products_id=23&osCsid=bbab6595c8e70b19b6839460c57bffa6">The Wheel Of Time</a><br>$99.99</td>
    <td align="center" class="smallText" width="33%" valign="top"><a href="http://localhost/majesticmutts/catalog/product_info.php?products_id=22&osCsid=bbab6595c8e70b19b6839460c57bffa6"><img src="images/gt_interactive/unreal_tournament.gif" border="0" alt="Unreal Tournament" title=" Unreal Tournament " width="100" height="80"></a><br><a href="http://localhost/majesticmutts/catalog/product_info.php?products_id=22&osCsid=bbab6595c8e70b19b6839460c57bffa6">Unreal Tournament</a><br>$89.99</td>
  </tr>
  <tr>
    <td align="center" class="smallText" width="33%" valign="top"><a href="http://localhost/majesticmutts/catalog/product_info.php?products_id=21&osCsid=bbab6595c8e70b19b6839460c57bffa6"><img src="images/sierra/swat_3.gif" border="0" alt="SWAT 3: Close Quarters Battle" title=" SWAT 3: Close Quarters Battle " width="100" height="80"></a><br><a href="http://localhost/majesticmutts/catalog/product_info.php?products_id=21&osCsid=bbab6595c8e70b19b6839460c57bffa6">SWAT 3: Close Quarters Battle</a><br>$79.99</td>
    <td align="center" class="smallText" width="33%" valign="top"><a href="http://localhost/majesticmutts/catalog/product_info.php?products_id=20&osCsid=bbab6595c8e70b19b6839460c57bffa6"><img src="images/dvd/beloved.gif" border="0" alt="Beloved" title=" Beloved " width="100" height="80"></a><br><a href="http://localhost/majesticmutts/catalog/product_info.php?products_id=20&osCsid=bbab6595c8e70b19b6839460c57bffa6">Beloved</a><br>$54.99</td>
    <td align="center" class="smallText" width="33%" valign="top"><a href="http://localhost/majesticmutts/catalog/product_info.php?products_id=19&osCsid=bbab6595c8e70b19b6839460c57bffa6"><img src="images/dvd/theres_something_about_mary.gif" border="0" alt="There's Something About Mary" title=" There's Something About Mary " width="100" height="80"></a><br><a href="http://localhost/majesticmutts/catalog/product_info.php?products_id=19&osCsid=bbab6595c8e70b19b6839460c57bffa6">There's Something About Mary</a><br>$49.99</td>
  </tr>
</table>
</td>
  </tr>
</table>
<!-- new_products_eof //-->
</td>
          </tr>
        </table></td>
      </tr>
    </table></td>
<!-- body_text_eof //-->
    <td width="125" valign="top"><table border="0" width="125" cellspacing="0" cellpadding="2">
<!-- right_navigation //-->
<!-- shopping_cart //-->
          <tr>
            <td>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td height="14" class="infoBoxHeading"><img src="images/infobox/corner_right_left.gif" border="0" alt=""></td>
    <td width="100%" height="14" class="infoBoxHeading">Shopping Cart</td>
    <td height="14" class="infoBoxHeading" nowrap><a href="http://localhost/majesticmutts/catalog/shopping_cart.php?osCsid=bbab6595c8e70b19b6839460c57bffa6"><img src="images/infobox/arrow_right.gif" border="0" alt="more" title=" more " width="12" height="10"></a><img src="images/infobox/corner_right.gif" border="0" alt=""></td>
  </tr>
</table>
<table border="0" width="100%" cellspacing="0" cellpadding="1" class="infoBox">
  <tr>
    <td><table border="0" width="100%" cellspacing="0" cellpadding="3" class="infoBoxContents">
  <tr>
    <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
  </tr>
  <tr>
    <td class="boxText">0 items</td>
  </tr>
  <tr>
    <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
  </tr>
</table>
</td>
  </tr>
</table>
            </td>
          </tr>
<!-- shopping_cart_eof //-->
<!-- specials //-->
          <tr>
            <td>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td height="14" class="infoBoxHeading"><img src="images/infobox/corner_right_left.gif" border="0" alt=""></td>
    <td width="100%" height="14" class="infoBoxHeading">Specials</td>
    <td height="14" class="infoBoxHeading" nowrap><a href="http://localhost/majesticmutts/catalog/specials.php?osCsid=bbab6595c8e70b19b6839460c57bffa6"><img src="images/infobox/arrow_right.gif" border="0" alt="more" title=" more " width="12" height="10"></a><img src="images/pixel_trans.gif" border="0" alt="" width="11" height="14"></td>
  </tr>
</table>
<table border="0" width="100%" cellspacing="0" cellpadding="1" class="infoBox">
  <tr>
    <td><table border="0" width="100%" cellspacing="0" cellpadding="3" class="infoBoxContents">
  <tr>
    <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
  </tr>
  <tr>
    <td align="center" class="boxText"><a href="http://localhost/majesticmutts/catalog/product_info.php?products_id=3&osCsid=bbab6595c8e70b19b6839460c57bffa6"><img src="images/microsoft/msimpro.gif" border="0" alt="Microsoft IntelliMouse Pro" title=" Microsoft IntelliMouse Pro " width="100" height="80"></a><br><a href="http://localhost/majesticmutts/catalog/product_info.php?products_id=3&osCsid=bbab6595c8e70b19b6839460c57bffa6">Microsoft IntelliMouse Pro</a><br><s>$49.99</s><br><span class="productSpecialPrice">$39.99</span></td>
  </tr>
  <tr>
    <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
  </tr>
</table>
</td>
  </tr>
</table>
            </td>
          </tr>
<!-- specials_eof //-->
<!-- reviews //-->
          <tr>
            <td>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td height="14" class="infoBoxHeading"><img src="images/infobox/corner_right_left.gif" border="0" alt=""></td>
    <td width="100%" height="14" class="infoBoxHeading">Reviews</td>
    <td height="14" class="infoBoxHeading" nowrap><a href="http://localhost/majesticmutts/catalog/reviews.php?osCsid=bbab6595c8e70b19b6839460c57bffa6"><img src="images/infobox/arrow_right.gif" border="0" alt="more" title=" more " width="12" height="10"></a><img src="images/pixel_trans.gif" border="0" alt="" width="11" height="14"></td>
  </tr>
</table>
<table border="0" width="100%" cellspacing="0" cellpadding="1" class="infoBox">
  <tr>
    <td><table border="0" width="100%" cellspacing="0" cellpadding="3" class="infoBoxContents">
  <tr>
    <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
  </tr>
  <tr>
    <td class="boxText"><div align="center"><a href="http://localhost/majesticmutts/catalog/product_reviews_info.php?products_id=19&reviews_id=1&osCsid=bbab6595c8e70b19b6839460c57bffa6"><img src="images/dvd/theres_something_about_mary.gif" border="0" alt="There's Something About Mary" title=" There's Something About Mary " width="100" height="80"></a></div><a href="http://localhost/majesticmutts/catalog/product_reviews_info.php?products_id=19&reviews_id=1&osCsid=bbab6595c8e70b19b6839460c57bffa6">this has to be one of the funniest movies released for 1999! ..</a><br><div align="center"><img src="images/stars_5.gif" border="0" alt="5 of 5 Stars!" title=" 5 of 5 Stars! " width="59" height="11"></div></td>
  </tr>
  <tr>
    <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
  </tr>
</table>
</td>
  </tr>
</table>
            </td>
          </tr>
<!-- reviews_eof //-->
<!-- languages //-->
          <tr>
            <td>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td height="14" class="infoBoxHeading"><img src="images/infobox/corner_right_left.gif" border="0" alt=""></td>
    <td width="100%" height="14" class="infoBoxHeading">Languages</td>
    <td height="14" class="infoBoxHeading" nowrap><img src="images/pixel_trans.gif" border="0" alt="" width="11" height="14"></td>
  </tr>
</table>
<table border="0" width="100%" cellspacing="0" cellpadding="1" class="infoBox">
  <tr>
    <td><table border="0" width="100%" cellspacing="0" cellpadding="3" class="infoBoxContents">
  <tr>
    <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
  </tr>
  <tr>
    <td align="center" class="boxText"> <a href="http://localhost/majesticmutts/catalog/index.php?language=en&osCsid=bbab6595c8e70b19b6839460c57bffa6"><img src="includes/languages/english/images/icon.gif" border="0" alt="English" title=" English " width="24" height="15"></a>  <a href="http://localhost/majesticmutts/catalog/index.php?language=de&osCsid=bbab6595c8e70b19b6839460c57bffa6"><img src="includes/languages/german/images/icon.gif" border="0" alt="Deutsch" title=" Deutsch " width="24" height="15"></a>  <a href="http://localhost/majesticmutts/catalog/index.php?language=es&osCsid=bbab6595c8e70b19b6839460c57bffa6"><img src="includes/languages/espanol/images/icon.gif" border="0" alt="Español" title=" Español " width="24" height="15"></a> </td>
  </tr>
  <tr>
    <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
  </tr>
</table>
</td>
  </tr>
</table>
            </td>
          </tr>
<!-- languages_eof //-->
<!-- currencies //-->
          <tr>
            <td>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td height="14" class="infoBoxHeading"><img src="images/infobox/corner_right_left.gif" border="0" alt=""></td>
    <td width="100%" height="14" class="infoBoxHeading">Currencies</td>
    <td height="14" class="infoBoxHeading" nowrap><img src="images/pixel_trans.gif" border="0" alt="" width="11" height="14"></td>
  </tr>
</table>
<table border="0" width="100%" cellspacing="0" cellpadding="1" class="infoBox">
  <tr>
    <td><table border="0" width="100%" cellspacing="0" cellpadding="3" class="infoBoxContents">
  <tr>
    <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
  </tr>
  <tr>
    <td align="center" class="boxText"><form name="currencies" action="http://localhost/majesticmutts/catalog/index.php" method="get"><select name="currency" onChange="this.form.submit();" style="width: 100%"><option value="USD" SELECTED>US Dollar</option><option value="EUR">Euro</option></select><input type="hidden" name="osCsid" value="bbab6595c8e70b19b6839460c57bffa6"></form></td>
  </tr>
  <tr>
    <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
  </tr>
</table>
</td>
  </tr>
</table>
            </td>
          </tr>
<!-- currencies_eof //-->
<!-- right_navigation_eof //-->
    </table></td>
  </tr>
</table>
<!-- body_eof //-->
 
<!-- footer //-->
<table border="0" width="100%" cellspacing="0" cellpadding="1">
  <tr class="footer">
    <td class="footer">&nbsp;&nbsp;Monday 22 June, 2009&nbsp;&nbsp;</td>
    <td align="right" class="footer">&nbsp;&nbsp;84 requests since Tuesday 16 June, 2009&nbsp;&nbsp;</td>
  </tr>
</table>
<br>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td align="center" class="smallText">Copyright &copy; 2009 <a href="http://localhost/majesticmutts/catalog/index.php?osCsid=bbab6595c8e70b19b6839460c57bffa6">Majestic Mutts</a><br>Powered by <a href="http://www.oscommerce.com" target="_blank">osCommerce</a></td>
  </tr>
</table>
<br>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td align="center"><a href="http://localhost/majesticmutts/catalog/redirect.php?action=banner&goto=1&osCsid=bbab6595c8e70b19b6839460c57bffa6" target="_blank"><img src="images/banners/oscommerce.gif" border="0" alt="osCommerce" title=" osCommerce " width="468" height="50"></a></td>
  </tr>
</table>
<!-- footer_eof //-->
<br>
</div>
</div>
</body>
 
</html>

mrmark01
Offline
Regular
Cambridge, UK
Last seen: 13 years 2 weeks ago
Cambridge, UK
Joined: 2009-02-10
Posts: 11
Points: 0

It works!

I just wiped my FF cache and now the site displays correctly.
Thank you all so much for your help.

Jesica
Offline
Regular
Last seen: 12 years 51 weeks ago
Timezone: GMT-7
Joined: 2009-06-20
Posts: 16
Points: 0

Thanks!

I was having the exact same issue. Thank you for the answer!