Page 1 of 2 This is a fix for all JumpStarts [and any other web page design] that use background images set against the body tag. The zoom bug only exists in IE7 and, therefore, the fix is only required for IE7. The bug manifests itself when the keyboard shortcut ctrl + + is used to zoom the web page. This is very different to altering text size in IE7 via the view menu. When using ctrl + + the page is zoomed, this means that all images as well as the text size is increased. Unfortunately when the zoom feature is deployed in IE7 background images that have been set against the body do not zoom and remain at their correct size, this breaks a sites appearance to one degree or another depending on how the body background image has been deployed.
I'll use Detroit as an example to show the zoom bug as Detroit relies heavily on the alignment of foreground background images set in divs and a horizontal band background image set against the body. This type of set up is possibly affected to a greater extent than many others.
Image 1: You can clearly see the misalignment caused by the zoom feature
If you look between the content and the navigation you can clearly see the misalignment of the horizontal band. The cause of this is the fact that the zoom feature does not increase the background image on the body element. The content section that holds the drop shadow is a background image set within a div and this has been zoomed, causing the misalignment. The fix is to move the background image from the body of the page to the HTML. Once the image is set as a background on the HTML it zooms with the rest of the page just fine as you can see in Image 2 below.
Image 2: The zoom feature now works correctly
Keywords
IE7, Internet, Explorer, 7, zoom, bug, body, html, conditional, comment
