Equal table colums - web uneven in size on screen

HCL Domino Domino Forum
1

Here is the problem. If I create a multi column table in hard coded HTML or using domino tables, and set them to fit with margins, or with the window (need liquid screens to cant set hard measurement) to all be of equal length…

The first rendered column on the screen output when physically measured on the computer monitor screen is always larger than the other columns to the right of it. (When doing 2 or 3 equal columns…)

In a 2 or 3 column layout this is 1/2 CM discrepancy (about 1/2 the size of a females index fingernail in width) - on screen thats unacceptable.

When I move to a 5 column table the first, second, and fifth columns are of equal size, with the 2 in the middle being smaller, on the monitor screen.

I have hand coded in HTML td width=50% and used domino generated tables. I have aligned them one above the other on the form using both method and they produce exactly the same output on the monitor.

No indents, they start at the far left of the page (0 offset etc.) and i have manually set all page margins to 0 using passthru html.

The domino source code rendered for each method is 100% correct, but what is rendered is not!

HERE IS THE ASTOUNDING PART!!!

When I PRINT the tables onto PAPER and measure them, they are all, you quessed it, perfectly equal as they should be.

I am wondering if this is a BUG in my environment only…can if anyone can confirm this…

The server is on build 6.5.4 no service packs FPs etc.

PS. I also rendered the web page on another persons monitor and they had the same results, columns not being equal on the screen.

2

Subject: Equal table colums - web uneven in size on screen

Try this HTML on your form, you can simplify it if you want by using colspans etc, but I’ve laid it out like this for clarity.

Using the ‘TH’ tags with @nbsp; between them forces the columns to stay at the spec’d width as the browser takes the spaces as being content so doesn’t try to mess around scaling them according to content.

If you want to put native Notes fields in the TD’s then size the field to match the column by using the ‘HTML’ tab of the field properties, stick a field width slightly smaller than the HTML column width in the ‘Style’ field i.e width:158px;

     
datadatadatadatadata

Hope this helps

3

Subject: RE: Equal table colums - web uneven in size on screen

Sorry, I guess I was not clear on my post.

I can not use specific width tags, because I must design for many screen resolutions.

My tables and screens are all liquid, meaning they resize to fit in the browser window, regardless of the window size (if the user manually reduces the display area) or if the user is on high or low resolution.

Therefore I have to make my tables dynamic and to say make three equal columns with the space you have…and no dependency whatsoever or hard coding in width values.

4

Subject: MSIE bug

I wrote some plan old code, non domino tables in straight up html…guess what same issue.

In firefox same html works fine.

On IE 6.5.4xxx on SP2 it renders fine…appears to be specific to our MSIE build here