VK wrote:[color=blue][color=green][color=darkred]
> > > On the demo at
> > > <http://www.geocities.com/schools_ring/tmp/demo01/index.xml> the table
> > > caption has 1px(?) indentation from the left in Firefox 1.5 and I'm
> > > running out of ideas how to kill it - if it's possible at all. (Opera 9
> > > shows a bigger indentation (2px?) but from the right side, but this fun
> > > is for later :-)
> > > IE displays the expected (at least by me) layout.[/color][/color][/color]
[color=blue]
> ironcorona wrote:[color=green]
> > I was only reading about this yesterday:
> >
http://www.aurora-il.org/table_test.htm
> >
> > ex1 runs through the problem and ex2 solves. You just apply
> >
> > caption {margin:-1px;}
> >
> > apparently IE doesn't recognise margin values applied to <caption> so it
> > will just ignore it.[/color][/color]
OK, thanks again for the tip, negative margin did the trick for FF
half-way: it's still here, but I managed to shift it to the right side
(a la Opera 9) which is visually much less irritating. The used hack
is:
....
table caption {
margin: 0px 0px 0px -1px;
....
Yet this hack is a complete woodoo to me (both in the reason of the
indent and in the way to move it away).
<http://www.aurora-il.org/table_test.htm> explains it as
<q>Since the caption lies within the table itself and we've not
assigned a specific width to it, its width is equal to the total width
of the table. Since a 1px border has been specified for the table, and
the total table width includes half the border, the computed caption
width ends up being 1 pixel less (1/2 from the left and right borders
respectively), resulting in the 1 pixel difference. Since a 1/2 pixel
cannot be rendered on-screen, Firefox adds the two half pixels together
and stick the resulting pixel space on the left border.</q>
AFAIK (and confirmed by MDC) table caption does *not* lie within the
table, and this is I guess the reason of discrepancies with IE. The
table caption is a whole separate (from the table) elements sharing
with the table the same anonymous box. I have no idea how and why would
it affect on parasite indents in my caption but obviously it does.
Please note that table borders are set to
border-width: 0px;
border-style: none;
Moving forward, any way...
