Scroll To Top

Enter a query to search our site. Note that you can use "*" and "?" as wildcards. Enclosing more than one word in double quotes ("CSS Layout") will search for the exact phrase.

PVII Knowledge Base

1. Select a product ...
2. Select category ...
3. Search the Knowledge Base...

Question #181

I downloaded Microsoft's new IE7 browser and my PVII Menus and Page Pack pages do not display properly. Are there any workarounds available for Explorer 7?

The Answer

Prepared Feb. 2006 by Al Sparber, PVII

Updated 28-October-2006

While much improved over IE6, IE7 still has CSS issues that need to be addressed. This technical note covers IE7 fixes for PVII products, as well as more general fixes for CSS layouts.

PVII Product Updates that fix IE7 CSS Issues

The following updates require that you have a full copy of the relevant product already installed.

Click the Read More links in the second column to access installation and release notes, and to download the update.

Name Read more & download Version Released
Tab Bar Magic Read More... 1.0.8 27-Oct-06
Key Lime Page Pack Read More... 1.0.7 27-Oct-06
Graffiti Page Pack Read More... 1.0.7 27-Oct-06
Pop Menu Magic Read More... 1.0.4 24-Oct-06

Manually Deployed IE7 Fixes for general CSS-based pages

In addtion to the formal product updates listed above, we've provided some additional CSS fixes that might be helpful to you - even for pages made without PVII products. The following CSS workarounds can be deployed manually using one of 2 methods:

  1. Inside Microsoft Conditional Comments
  2. Through the use of Microsoft CSS Expressions.

Important

The IE7 fixes (or links to external files containing the fixes) must appear in your source code after all other existing style sheets.

1. Using Conditional Comments

Use this method if you already are deploying Conditional Comments site-wide via includes or Templates.

The appropriate Conditional Comments (below) should be deployed in your page code, just before your closing </head> tag. Conditional Comments are read only by the version(s) of Internet Explorer (Windows) that you specify in the opening comment. Use this method if you are currently using site-wide Conditional Comments deployed via server includes or templates. If your current Conditional Comments are embedded in each page of your site, you must change the comment's target version in each page to reference IE7, so you might want to consider using CSS Expressions (discussed later), which can go inside an ordinary externally linked or imported style sheet.

The Conditional Comment can contain an embedded style sheet or a link to an external style sheet:

Embedded style inside a Conditional Comment:

<!--[if IE 7]>
 <style>
 Style declarations go in here
 </style>
 <![endif]-->

Conditional Comment containing a link to an external CSS file

Note: If you deploy your fixes in an external file, only the link to the external file goes inside the Conditional Comment. The style rules contained in the external CSS file are written in ordinary CSS syntax, without comments.

<!--[if lte IE 7]>
<link href="msie_fixes.css" rel="stylesheet" type="text/css" />
<![endif]-->

General CSS Layouts and Tab Panel Magic

This rule will fix various miscellaneous issues in general CSS layouts. If IE7 is not displaying your page properly, this might fix it. This rule will also allow Tab Panel Magic animation effects to function properly in IE7.

<!--[if IE 7]>
<style>
div {zoom:100%;}
</style>
<![endif]-->

2. Using CSS Expressions

CSS Expressions can be used in any style sheet. They will only be processed by MSIE 5.x and higher (Windows).

General CSS Layouts and Tab Panel Magic

This rule will fix various miscellaneous issues in general CSS layouts. If IE7 is not displaying your page properly, this might fix it. This rule will also allow Tab Panel Magic animation effects to function properly in IE7.

div {
  zoom:expression("100%");
}

Note: Ths document is dynamic and will adapt to emerging IE7 issues. If you've deployed previously listed fixes they will continue to work unless otherwise noted.

That's it. If you have questions or comments, please log on to our newsgroups or drop us a mail. Contact information can be found on our main support page.

Back to the questions list