Why doesn't this <table> zoom in IE7?

Hi everybody --

Sorry this page is so big: I couldn't easily cut it down any
more.Problem page is at:

http://www.sellmycalls.com/no-zoom.html

The page is in two sections, vertically. The bottom part holds a data
table with id="main". The top part holds a site label and some
buttons; and, as its second part, a table with id="hdrTable" that
consists only of column headers for the bottom table. It's this column-
header table that is giving me the trouble.

I intend the column headers to line up with the columns in the data
table. This works fine in Safari and FF 3.5.4. When I zoom the page in
and out, the headers stay right in step with the data columns.

In IE7, however, the top part of the page, including the column
headers, does NOT zoom as I expected it would.

Any idea what I've done wrong? The <table id="hdrTable" ...> is at
line 492 of the source view.

Thanks so much, everyone.

-- ben

"lcplben" <ben (AT) sellmycalls (DOT) com> wrote

Hi everybody --

Sorry this page is so big: I couldn't easily cut it down any
more.Problem page is at:

http://www.sellmycalls.com/no-zoom.html

The page is in two sections, vertically. The bottom part holds a data
table with id="main". The top part holds a site label and some
buttons; and, as its second part, a table with id="hdrTable" that
consists only of column headers for the bottom table. It's this column-
header table that is giving me the trouble.

I intend the column headers to line up with the columns in the data
table. This works fine in Safari and FF 3.5.4. When I zoom the page in
and out, the headers stay right in step with the data columns.

In IE7, however, the top part of the page, including the column
headers, does NOT zoom as I expected it would.

Any idea what I've done wrong? The <table id="hdrTable" ...> is at
line 492 of the source view.

If you want the headers to "line up" then put them in the same table.

You are also specifying line-height. Don't. It causes text to overlap,
expecially one so small as 10px. And don't position things absolutely unless
you have a very clear reaon for doing so. This, as well, is causing text to
overlap. Badly.

On Nov 6, 6:06*pm, "rf" <r...@z.invalid> wrote:

"lcplben" <b... (AT) sellmycalls (DOT) com> wrote in message

news:92cc3495-5779-4ff2-9919-8e27fdd9d5a0 (AT) m7g2000prd (DOT) googlegroups.com...



Hi everybody --

Sorry this page is so big: I couldn't easily cut it down any
more.Problem page is at:

*http://www.sellmycalls.com/no-zoom.html

The page is in two sections, vertically. The bottom part holds a data
table with id="main". The top part holds a site label and some
buttons; and, as its second part, a table with id="hdrTable" that
consists only of column headers for the bottom table. It's this column-
header table that is giving me the trouble.

I intend the column headers to line up with the columns in the data
table. This works fine in Safari and FF 3.5.4. When I zoom the page in
and out, the headers stay right in step with the data columns.

In IE7, however, the top part of the page, including the column
headers, does NOT zoom as I expected it would.

Any idea what I've done wrong? The <table id="hdrTable" ...> is at
line 492 of the source view.

If you want the headers to "line up" then put them in the same table.

You are also specifying line-height. Don't. It causes text to overlap,
expecially one so small as 10px. And don't position things absolutely unless
you have a very clear reaon for doing so. This, as well, is causing text to
overlap. Badly.

Yes, I accept and agree with all you say.

But I still need to know why in this (admittedly misguided) case what
I've done (or not done) to cause IE7, alone among three tested
browsers, to NOT ZOOM the top part of the page, including the
putative, so called "column headers."

To put it another way: it seems to me (for the mo) that I'm entitled
to expect IE7 to zoom that part of the page. Why is that not so?

Thanks!

-- ben