IE9 CSS Website Template Updates

IE8 IE9 CSS menu Update


IE9 Beta includes bugs that may cause a problem in some drop menu template models. Here are some options to work around these bugs.

Templates that may have this issue:
Chrome multi-color templates as shown on the following 2 webpages that were purchased on or before 9/16/2010:

Multi-color CSS drop menu templates 1
Multi-color CSS drop menu templates 2
Exhibition Photography
Minisite Drop Menu

If your template "?-menu.css" files include the note /* menu ver 3.15b 2010 */ in your template "css" folder then you do not need this update, or if there is a letter "b"and "2010" in the menu ver name you will not need this update.



Fix Option #1:
Hand edit your "?-menu.css" file (or files) in your template folder (menu files may also be in "css" folder). Edit the following code starting on about line #62 in your "?-menu.css" file. The following example is code in a "blue-menu.css" in an ExecChrome template:



/* TOP LEVEL BACKROUND COLOR AND BORDERS - EDIT MENU IMAGES ALSO */

#menunav li {
background-image: url("../picts/blue/menu.gif");
background-color: #0F338A;
border: solid #313252;
border-width: 0px 1px 0px 0px; /* THIS IS A RIGHT BORDER */
/* NOTE: BORDERS ABOVE ARE | top | right | bottom | left */

float: left;
padding: 0;
}


Edit the above code like the code shown below, changes are highlighted. Remove the code highlighted above. Add the code as highlighted below.



/* TOP LEVEL BACKROUND COLOR AND BORDERS - EDIT MENU IMAGES ALSO */

#menunav li {
background-image: url("../picts/blue/menu.gif");
background-color: #0F338A;
border-right: #313252 1px solid;
float: left;
padding: 0px;
}



Fix Option #2:
Multi-color Chrome templates only: You can download the 23 themes for multi-color CSS drop menu templates. With this download .zip file you can copy over updated versions of the CSS files for your template "css" folder. See the help page included in this download.

Go to the 23 color theme download page (See "Chrome Colors Download")



Fix Option #3:
Request a new template download. Click here for the download request form.








Related Topics:
Links Not Working After an Edit
Adding and Removing Pages
Editing .js Files
Javascript Drop Menu Help


Allwebco Template Support


Allwebco Website Template Support


See Also...
Vertical CSS Menu
Menu Editing
Drop Menus



Allwebco Template Add-ons
Click For Chrome Template Add-ons




Drop Menu Web Templates
Complete websites with built in scripts.
AllwebcoDesign.com
Web Site Templates
Business Web Templates
Drop menu templates with built in scripts.
AllwebcoDesign.com
Web Template Support
Nature Templates
Drop menus with nature earth themes.
AllwebcoDesign.com
Web Site Templates
Shopping Cart Templates
Professional templates with built-in Paypal.
AllwebcoDesign.com



Notes:
Be sure to make a backup of the menu.js before you start editing, and also backup every few edits.



Website Template Support
Website Template Support