I am in the process of converting my web site from
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
with extensive frames to
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
I have encountered a problem that I suspect is a browser error. I am running
Dell Workstation with Intel® Xeon™ CPU2.00GHz 1.00GB of RAM
Microsoft Windows XP Professional Version 2002 Service Pack 2
Microsoft Internet Explorer Version: 6.0.2900.2180.xpsp_sp2_gdr.050301-1519
Localhost under Microsoft IIS
The page in question is designed to display a photo when the user clicks on the relevant thumbnail. The desired result happens but part of the navigation bar on the left of the page also disappears. A copy of html with relevant js
and css files can be downloaded from http://www.rctrevor.com/code.zip
I have managed to develop a workaround.html which solves the problem. The workaround consists of padding out, with <br />, the div block containing the thumbnail – the extent of padding has to exceed the lowest point of the menu. (Anything shorter causes only additional parts of the menu to be displayed.) Could someone confirm that this is indeed an IE error or have I done something wrong. I have also included screen captures before.jpg showing the screen initially loaded and after.jpg showing the screen with the missing menu. As I have over a hundred pages of similar layout I am rather loathe to redesign. Moreover, I can create the same effect on a form page. I display an error message, that is contained in its own div block, by changing its visibility attribute from hidden to visible.
I would appreciate any light anyone can throw on this matter.