asked on

html table movement

Hi experts,

Please see http://www.fobgfc.org/upcoming_new_design2.php

I have used a jquery tooltip, and got around the IE / z-index bug also through jquery (upcoming_z.js, attached).

Thing is, when I hover over the fixtures, the table cells seem to re-align themselves somehow. Is there any way I can stop this?

Thanks,
Colin upcoming-z.js

SOLUTION

s8web

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Colin Brazier

ASKER

CS not your cup of tea? :)

Thanks for:

analysing the problem

pointing out the missing </tr>

not reminding me to validate before I post

Interesting. I made it 5% to ensure the markup was accepting it, with the intention to change to 10% or 11%. 5% seems to have the same effect as 10%.

Results:

FF 3.6.9: No discernible change.

IE8 (with or without compatibility view): Columns all same width, wherever cursor goes; column headings centered (side effect!)

With both browsers, white space in table cell text is treated differently after "de-hover". Eg when page is first loaded, I get (25 Sept, 1st XI)...

Forest Hill
Park
(H)

With hover, it stays unchanged, until I move the cursor away, then...

Forest Hill
Park(H)

I think that's the underlying problem...now how to fix it?

ASKER CERTIFIED SOLUTION

Chris Stanyon