On Dec 20, 2006, at 6:47 AM, Adrian Williams wrote:
> With the last-child ENABLED:
> In IE6, everything looks normal.....
> In FF, all of the column widths go haywire...reload a coupla time
> and get different results each time. Often many of the columns get
> extended past the edge of the viewable table.
>
> I tried to pad the last column and it works for getting the column
> out from behind the scrollbar in FF, but in IE, it adds an extra
> scrollbar to the bottom and shifts the last column.....
>
> With the last-child DISABLED:
> In IE6, everything looks normal.....
> In FF, the final column (438) is hidden behind the scroll bar)
>
> In IE7, the entire scrollable section is hosed...badly.....I know
> it has
> to do with the html>body but I don't know how to handle the issue. I
> tried someone's suggestion of changing one my html>body
> div.tableContainer to html* body div.tableContainer and that didn't
> help
> any.
>
> I am stumped...I don't know enough about CSS yet to understand exactly
> what I need to do to here.....but I am trying to learn!!!
* As I stated in my previous message: :last-child is not supported by
IE (6 and 7). If you need to apply some special styling for IE,
you'll need to us a class on the last table-cell.
* for IE 7, the html>body selector applies. If you need the same
styling as IE 6, you can use the following: *+html>body {}
* Firefox does something strange in your table. I never had problems
with the :last-child pseudo-class before.
to your tbody.scrollContent td:last-child selector I added the
following: {background:lime !important} to visualise what was being
selected. A number of cells, beyond the last one in each row, where
selected.
Changed your
html>body div.tableContainer
from overflow: hidden;
to overflow: visible; (default value for overflow)
But FX 2.0 does something strange. The alpha builds of what will be
FX 3.0 do not have any problem.
Noticed that your table-cells all have a width specified. Maybe
removing that would help (that makes the table very much over-
constrained). Not sure.
Anyway, a sort of ugly hack: only apply the 19px right-padding to the
<th> cell. That prevents the scrollbar on <tbody> to cover the
contents of the last <td> cell.
(simply comment out tbody.scrollContent td:last-child, but keep
thead.fixedHeader th:last-child).
Philippe
---
Philippe Wittenbergh
<http://emps.l-c-n.com>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
