|
|
Posted by dorayme on 11/10/27 11:18
>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?
>
In my best browser for css, Mozilla, the child table falls outside (on the
right) of the central div (it has to really) when the window is reduced in
width to about 60% of a 20" 1024x870 screen (a width not that small). Plus,
there is all sorts of overlap trouble when the fonts are enlarged in
everything *but* from within the table itself (good old tables, their strong
point, a little world of their own, keeping their dignity and integrity in
any rough sea).
FYI
dorayme
Navigation:
[Reply to this message]
|