IE6 Bug? Table wraps

JP. Baker wrote:

In article <bm6oqj$fpg$1 (AT) sparta (DOT) btinternet.com>,
John Robin Devany <firstname (AT) lastname (DOT) com> wrote:

JP. Baker wrote:

This is the 3px jog bug.

http://www.positioniseverything.net/...reepxtest.html

some snipping

October 2003. Identified as 3px jog (float) bug. Tried to find any fix
that wouldn't cause a regression. (Unfortunately we have a footer so
can't just go to 'position: absolute'. Cosmetic patch, temporarily put
in on Monday, equivalent of:

!--[if IE 6]
style type="text/css"
#navigation {display: expression('absolute')}
#footer {padding-top: expression(Math.max(navigation.offsetHeight-
content.offsetHeight, 0))}
@media print {#footer {padding-top: 0 !important}}
/style
![endif]--

Which needs JScript and, due to another bug, doesn't get saved to disc.
(at least the other browsers only see a comment)
Now. No idea how to redeem the situation.

[ links off http://www.bris.ac.uk/ ]

nhoJ

fwiw

I've been playing a bit more and have now set the navigation section to
absolute. Of course, then there is the problem of the footer being
positioned relative to the content but not the navigation (so the
navigation div may extend vertically below the footer) - which, if I
understand correctly, is your problem too.

As a workaround, I'm assuming the navigation to be a minimum height, say
40em and then setting the minimum height of the content div to be the
same. That way, the footer will appear to be relative to the navigation
div. This will break if too much appears in navigation.

To get a minimum height in IE, i've used:

* html #content {
height: 40em;
}

Regards
--

John Robin Devany
http://www.devany.com