CSS problem

dfed22 · February 29, 2008

Hello,

Our OS Commerce site is part of a larger site. We have a flyout menu that renders fine in the non-OSC pages, but does not work in the OSC pages in IE 6 or 7 with different results.

In IE 7 - the hover functionality doesn't work at all, and the width of the menu is incorrect - constrained.

In IE 6 - the flyout does appear, but due to the constrained width, the menu does not extend to where the flyout renders, resulting in it not working.

In Firefox - it still renders fine.

Interestingly, the flyout menu at one time was a static HTML file and it rendered fine in the above browsers in the context of OSC - the CSS is exactly the same. However, now that it is a PHP file it does not render properly.

Here are some examples:

Working test - this contains no OSC code:

flyout works

Here is a non-working test in the context of OSC code:

flyout does not work - OSC

Here is a test where I have elimated all OSC code except:

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; ?>">
...
<?php require(DIR_WS_INCLUDES . 'application_bottom.php'); ?>

flyout does not work 2

In the above examples, the OSC stylesheet.css is not linked, so it is not a conflict with that.

Can anyone suggest what might be causing this conflict?

Thanks,

Dave

dfed22 · February 29, 2008

Interestingly, the flyout menu at one time was a static HTML file and it rendered fine in the above browsers in the context of OSC - the CSS is exactly the same. However, now that it is a PHP file it does not render properly.

Here is a clue, I went back and tried some things with the static HTML version, and it only renders properly if I include it before application_top.php. The PHP version, sadly, does not work if I include it at that point.

Are there any <div> tags or anything else buried in the different layers of includes of application_top that could be affecting this?

dfed22 · February 29, 2008

All apologies there is not a conflict with application_top. The flyout menu requires this:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

and not this:

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

to execute properly. Kind of a messy and untrue workaround.

Mods feel free to delete this thread as it is not really an OSC issue - also I look like I am talking to myself.

CSS problem

Recommended Posts

dfed22

dfed22

dfed22

Archived

Browse

Activity