O
Oli Filth
Hi,
I know this is a common problem (I've been looking at Google results for
an hour!!), but in this case I can't find a solution.
Please have a look at this test page: http://olifilth.co.uk/01.html
There are three DIVs (blue) with absolute positioning. The central DIV
contains a TABLE (pink) with CSS styling of width: 100%.
In Firefox, it does what one would expect, i.e. the central DIV falls
between the ones on either side according to the CSS positioning, and
the child TABLE expands to fill 100% of this DIV's width.
However in IE (6), the central DIV flows off the right-hand side of the
page, because IE decides to (incorrectly) use the viewport as its
reference for TABLE percentage measurements.
I've read various things saying that to fix this, one should wrap the
TABLE in a <DIV width="100%"> or <DIV style="width: 100%">, however in
this case, neither seems to solve it.
Any ideas?
I know this is a common problem (I've been looking at Google results for
an hour!!), but in this case I can't find a solution.
Please have a look at this test page: http://olifilth.co.uk/01.html
There are three DIVs (blue) with absolute positioning. The central DIV
contains a TABLE (pink) with CSS styling of width: 100%.
In Firefox, it does what one would expect, i.e. the central DIV falls
between the ones on either side according to the CSS positioning, and
the child TABLE expands to fill 100% of this DIV's width.
However in IE (6), the central DIV flows off the right-hand side of the
page, because IE decides to (incorrectly) use the viewport as its
reference for TABLE percentage measurements.
I've read various things saying that to fix this, one should wrap the
TABLE in a <DIV width="100%"> or <DIV style="width: 100%">, however in
this case, neither seems to solve it.
Any ideas?