I'm including the reset-min.css as well as reset-min.css (do I need that?). Still no joy. If I sort the column after resizing, then it looks fine. I didn't see the FAQ in the dev discussion group. You hardly mean the documentation sticky right?
The 1st entry discusses CSS related to multiple grids, but maybe your issue (assuming you have the right css includes), if the ygrid-col CSS is not getting applied to your grid.
Sorry Tim,
I meant to say I was including 'grid.css' as well as 'reset-min.css'. I also threw in yui-ext.css as well, still no joy. I only have one grid on the page. However it's in a .net web part, so I'm going to look into if that's the issue.
So I finally got back to this. I extracted all the code from the (sharepoint) web part, and rewrote as a separate aspx page. The columns do not overlap on a standalone page. So it's down to all the other styles on the page I guess. Any clues as to what I should be looking for?
I'm not using an @import, and css files are local for all. The stand-alone page works fine, even if I reference all the same css files as the web part page. So am not sure what to look for!
Bring up the page in FF and go into the DOM Inspector (Not the Firebug Inspector).
Navigate to one of the grid's data cells, and bring up the "CSS Style Rules" properties. You should be able to see from which rules in the document's stylesheets that element is drawing its styling from.
Grid columns overlap on resize
Reply With Quote
