Just noticed this overlapping if I resize the columns. I have the latest build:
http://donalconlon.brinkster.net/ima...mnsoverlap.gif
It corrects itself if i reload the data, until i resize again. Am I missing a property?
Printable View
Just noticed this overlapping if I resize the columns. I have the latest build:
http://donalconlon.brinkster.net/ima...mnsoverlap.gif
It corrects itself if i reload the data, until i resize again. Am I missing a property?
Most likely you have a CSS issue. Either multiple grids or missing CSS. Look at FAQ that has been started in Dev Discussion forum
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?
If you're using yui-ext.css, you no longer need reset.css - it's included. If you're not you also need grid.css.
I meant the one titled FAQ Submission... http://www.yui-ext.com/forum/viewtopic.php?t=1279
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.
Can you post sample HTML? (disable HTML in this post)
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?
Are you using @import or is your css file on a different domain? Those two are also known to cause problems.
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.