<< back to knowledgebase home

Menu prints incorrectly from a browser (MM1)

Article ID: 000063

Category: Browser Issues

Issue

Menus look incorrect when printed from a browser.

Solution

This is due to the browser using special rendering code for printing which we can't control. The easiest solution is to disable the menu in the printed page.

What you need to do is add this code to the head section of your page:

<style type="text/css"><!--
@media print{
#bbML{display:none;visibility:hidden;}
} -->
</style>
This will disable the display of the menu box when printing.

If you have changed the name of the MenuMachine 1 floating box/layer then you must ensure that you change "bbML" in the code above to match the new name. So if you changed the name to "menuLayer", the code would be:

<style type="text/css"><!--
@media print{
#menuLayer{display:none;visibility:hidden;}
} -->
</style>
If you have multiple MenuMachine 1 objects on a page, you should separate the names with commas, e.g.:

<style type="text/css"><!--
@media print{
#bbML, #menuLayer, #myMenu{display:none;visibility:hidden;}
} -->
</style>
This fix may not work in all browsers but it will work in most of the major ones.

Last updated: July 29, 2006

This article has been viewed 2086 times.