<< back to knowledgebase home

Menu jumps when page is minimized/maximized in IE6 (MM2)

Article Applies To:

MenuMachine 2 only

GoLive CS, CS2

Windows only

Article ID: 000047

Category: Browser Issues

Issue

When the menu is placed in a nested table, the menu can stick in position if the page is maximized or minimized. This only occurs in Internet Explorer 6.

Solution

This can be caused by an Internet Explorer 6 bug that is triggered by nested tables. There is a workaround:

1. Drag a layer/floating box from the objects palette onto the page and place it after the main table

2. Drag the inner nested table and place it into the layer

3. Grab the placeholder for the layer (the little yellow box) and place it inside the outer table in the same place that the inner table came from

4. Switch to source mode.

5. Locate the #layer1 in the head section (the code in your page will be similar but slightly different):

#layer1 { visibility: visible; position: absolute; top: 148px; left: 440px; width: 100px; height: 100px }
Change this line to read:

#layer1 { position: relative; top: 0px; left: 0px; width: 800px; }
Note: the 800px width for the layer is to match the width of the inner table on the page. If you have wider tables, the layer on that page should match the width.

This should fix the problem.

Last updated: July 29, 2006

This article has been viewed 3295 times.

Related articles