I have a website at http://hipaa-kit.com.  The home page looks great
at 1024 x 768 but it won't resize properly to 800 x 600.  When I
shrink the window to approximately 800 x 600, the center column table
only shrinks so far before stopping and creating scroll bars on the
bottom of the screen.

What's wrong with my code?  Please note that all the other pages in
the site work perfectly.  Of course, they only have two columns.

---

Request for Question Clarification by alienintelligence-ga on 05 Oct 2002 00:51 PDT

Hi holstein13...

I just wanted to verify that once you're
at 800x600 the frames were no longer
supposed to shrink and it would become
a scrolling window?

If so, I have the answer.

thanks,
-AI

---

Clarification of Question by holstein13-ga on 05 Oct 2002 04:47 PDT

Yes, there is a minimum size before scrolling must occur.  Obviously,
the images can only be shifted over so much.  I don't know whether
that should occur at 800 x 600 or some other resolution, however.

---

Request for Question Clarification by alienintelligence-ga on 05 Oct 2002 10:10 PDT

Hi holstein13...

The most difficult part with troubleshooting
this page error is... it's not really an error
per se. It seems to be an inconsistency in 
Internet Explorer. In my HTML editor it works
fine. In Opera it works fine. IE? Can only resize
to 1024x768. I don't have Netscape to test with.

Your original webpage:
[ http://www.alienintelligence.com/hipaa/PSG%20Tools%20for%20HIPAA%20Compliance.htm
]


I checked the hierarchy of table tags and they
seemed properly nested. I did the math on the
images, that obviously worked out. 

I tried a wide variety of width options on 
each of the 3 sections. I moved the images
around. I used dummy images. Nothing seemed 
to help.


Then I removed segments.

Right image gone:
[ http://www.alienintelligence.com/hipaa/PSG%20Tools%20for%20HIPAA%20Compliance_a2.htm
]
It now works down to 800x600 in IE


Left image gone:
[ http://www.alienintelligence.com/hipaa/PSG%20Tools%20for%20HIPAA%20Compliance_d1.htm
]
It now works down to 800x600 in IE


And then I did image manipulation

Images resized to 150p, 1p, and 280p respectively
[ http://www.alienintelligence.com/hipaa/PSG%20Tools%20for%20HIPAA%20Compliance_e2.htm
]
It now works down to 800x600 in IE


Had you tried these already?

-AI

---

Clarification of Question by holstein13-ga on 05 Oct 2002 13:25 PDT

I have not tried those.  Please tell me exactly what you want me to
try and I will.  I looked at your examples and I couldn't tell what
image you removed.  The last two examples looked good in my browser
though.

It looks as if you have discovered a good workaround to the situation.
 If you give me detailed instructions, I will make the changes to my
page.

--Paul

Hi again holstein13...


Everything seems to be centered around a strange 
interaction between the 3 images in the right-hand
frame. The images are the black and dark blue ones
right under the tan HIPAA-The Reinvention of Healthcare
Business.

[ http://www.alienintelligence.com/hipaa/PSG%20Tools%20for%20HIPAA%20Compliance.htm
]

This is the original suspect code:

<TR>
<TD width="240" rowSpan=4><IMG height=77 
 src="PSG Tools for HIPAA
Compliance_files/hippa-kit-home-17-2k2_19.jpeg"
 width=240></TD>
<TD width="100%" 
background="PSG Tools for HIPAA
Compliance_files/hippa-kit-home-17-2k2_20.jpeg"
rowSpan=4><IMG height=77 
  src="PSG Tools for HIPAA
Compliance_files/hippa-kit-home-17-2k2_20.jpeg"
  width=43></TD>
<TD width="319" rowSpan=4><IMG height=77 
  src="PSG Tools for HIPAA
Compliance_files/hippa-kit-home-17-2k2_21.jpeg"
  width=319></TD>
</TR>


Mathematically they are fine in width. They work fine
in my Dreamweaver HTML editor and they resize properly
in Opera. But... not the same with IE. Good ole Internet
Explorer.

The left-hand pane is 146 pixels, next, the first black
image is 240, 43 for the 'spacer' and 319 for the right
image. 748 pixels total. Under the 800. Yet IE doesn't
seem to want to resize it properly. I did a search for
bugs in IE regarding frames but couldn't easily find
anything.

So I dissected that table row in Dreamweaver. I started
by taking out the middle 'spacer' image. Unfortunately
this did nothing.
[ http://www.alienintelligence.com/hipaa/PSG%20Tools%20for%20HIPAA%20Compliance_x1.htm
]


I then took out the right hand image. That allowed 
resizing down to 800.
[ http://www.alienintelligence.com/hipaa/PSG%20Tools%20for%20HIPAA%20Compliance_a2.htm
]

The code looks like this now:

<TR>
<TD width="240" rowSpan=4><IMG height=77 
 src="PSG Tools for HIPAA
Compliance_files/hippa-kit-home-17-2k2_19.jpeg"
 width=240></TD>
<TD width="100%" 
background="PSG Tools for HIPAA
Compliance_files/hippa-kit-home-17-2k2_20.jpeg"
rowSpan=4><IMG height=77 
  src="PSG Tools for HIPAA
Compliance_files/hippa-kit-home-17-2k2_20.jpeg"
  width=43></TD>
</TR>


I also tried removing the left hand image. 
It too allowed resizing.
[ http://www.alienintelligence.com/hipaa/PSG%20Tools%20for%20HIPAA%20Compliance_d1.htm
]

The code for that is:

<TR>
<TD width="100%" 
background="PSG Tools for HIPAA
Compliance_files/hippa-kit-home-17-2k2_20.jpeg"
rowSpan=4><IMG height=77 
  src="PSG Tools for HIPAA
Compliance_files/hippa-kit-home-17-2k2_20.jpeg"
  width=43></TD>
<TD width="319" rowSpan=4><IMG height=77 
  src="PSG Tools for HIPAA
Compliance_files/hippa-kit-home-17-2k2_21.jpeg"
  width=319></TD>
</TR>


Finally, I experimented with acceptable image sizes
and found a maximum. The aspect ratio is of course
off. Images are 150 pixels, 1 pixel, and 280 pixels.
But it resizes properly.
[ http://www.alienintelligence.com/hipaa/PSG%20Tools%20for%20HIPAA%20Compliance_e2.htm
]

The code for this one is:

<TR>
<TD rowSpan=4><IMG height=77 
  src="PSG Tools for HIPAA
Compliance_files/hippa-kit-home-17-2k2_19.jpeg"
  width=150></TD>
<TD width="100%" 
background="PSG Tools for HIPAA
Compliance_files/hippa-kit-home-17-2k2_20.jpeg"
rowSpan=4><IMG height=77 
  src="PSG Tools for HIPAA
Compliance_files/hippa-kit-home-17-2k2_20.jpeg"
  width=1></TD>
<TD rowSpan=4><IMG height=77 
  src="PSG Tools for HIPAA
Compliance_files/hippa-kit-home-17-2k2_21.jpeg"
  width=280></TD>
</TR>


My code examples are expecting relative links to the jpeg images. You
will
have to modify their paths to goto your directory so they will
function.

Let me know if you need any clarifications regarding the
code placement, linking, syntax, etc.


-=Search references=-

Opera Web Browser
[ http://www.opera.com/ ]

Dreamweaver HTML editor
[ http://www.macromedia.com/software/dreamweaver/ ]
 
Ultraedit Text/Hex/HTML/etc editor
[ http://www.ultraedit.com/ ]


thanks,
-AI

Somehow you figured out this tricky problem.  This was no easy task. 
I appreciate the time and effort you made.  Check out the results
http://hipaa-kit.com

There's no horizontal scrolling for me at 800x600. The page looks great to me!

It seems to be the images that alienintelligence talks about.
The left image is http://hipaa-kit.com/images/hippa-kit-home-17-2k2_01.jpg
which is 386 * 84. The right image is
http://hipaa-kit.com/images/img_topright.jpg which is 377 * 84. So
386+377 which are the widths is 763 pixels wide. If you shrink those
images then you can resize down the smaller resolutions/windows sizes.

(The test was conducted in Opera 6.05 and the frame resized to almost
800*600 and properly resized at 1024*768. Just change the width of
those images a bit and it should resize nicely.)

This image is a little too long as well.

http://hipaa-kit.com/images/img_top_l_e.gif

You can make that image width smaller and use it as a TD background
picture which will strech the image over the area as the page is
stretched.

Those top images make the page force horizontal scrolling because the
images widths are too long. Just resizing and shrinking those top
widths should be enough to allow normal resizing of the page. (Dont
forget to update the width= attribute of the img tag after you've
edited the image!)