Re: [css-d] last-child problems....
Ok, here is a description of what's happening in each browser with each setting: 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 htmlbody but I don't know how to handle the issue. I tried someone's suggestion of changing one my htmlbody 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!!! Adrian Sasha Gerrand wrote: On 19/12/06, Adrian Williams [EMAIL PROTECTED] wrote: Yes, I agree...I have gone thru and cleaned up the html and passed the XHTML 1.0 validation. I have also re-enabled the last-child declares so that you can see what they are doing in the code... http://www.familydna.net/williams/results_page.php And here is the same page and same code but with the last-child declares remarked out http://www.familydna.net/williams/NEWresults_page.php My primary browser is FF but I also need to get this working correctly in both IE6 and IE7. Thanks in advance for the help!! I don't actually see the problem that you describe in IE6 and don't have a copy of IE7 handy. Given that the results tables are being generated out of PHP, why not have the last table header/cell generated with a 'last' class (or something similar)? __ 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/
Re: [css-d] last-child problems....
Sasha, Yes, I agree...I have gone thru and cleaned up the html and passed the XHTML 1.0 validation. I have also re-enabled the last-child declares so that you can see what they are doing in the code... http://www.familydna.net/williams/results_page.php And here is the same page and same code but with the last-child declares remarked out http://www.familydna.net/williams/NEWresults_page.php My primary browser is FF but I also need to get this working correctly in both IE6 and IE7. Thanks in advance for the help!! Adrian Sasha Gerrand wrote: On 19/12/06, Adrian Williams [EMAIL PROTECTED] wrote: Not really sure what the problem is but the validation tool comes back with Unknown pseudo-element or pseudo-class :last-child and it is causing some serious nightmarish activity with my results table...causing the columns to go haywire on their widthsand I know that it is the culprit because when I comment out those two lines, the table is perfect...or as close to perfect as one can expect! FWIW: I would seriously recommend using valid HTML markup before correcting errors in your CSS declarations. I'm assuming that those errors reported by the CSS validation tool you are using are occuring because you are validating against CSS 2.1 or below. The pseudo-element 'last-child' does not exist until CSS 3[1]. HTH [1] http://www.w3.org/TR/css3-selectors/ __ 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/
Re: [css-d] last-child problems....
On 19/12/06, Adrian Williams [EMAIL PROTECTED] wrote: Yes, I agree...I have gone thru and cleaned up the html and passed the XHTML 1.0 validation. I have also re-enabled the last-child declares so that you can see what they are doing in the code... http://www.familydna.net/williams/results_page.php And here is the same page and same code but with the last-child declares remarked out http://www.familydna.net/williams/NEWresults_page.php My primary browser is FF but I also need to get this working correctly in both IE6 and IE7. Thanks in advance for the help!! I don't actually see the problem that you describe in IE6 and don't have a copy of IE7 handy. Given that the results tables are being generated out of PHP, why not have the last table header/cell generated with a 'last' class (or something similar)? -- Cheers, Sasha __ 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/