Styling issue on the UI.Grid

Hello,

I am having an issue where the content inside of the Grid is being shifted to the right slightly. Everything from the scrollbar to the columns and text is moved over slightly. I have this implemented on other pages and it doesn't appear there. Any ideas?

Thanks in advance.

When you say you have it implemented on other pages, do you mean the style settings are the same on the other pages?

Can you reproduce the problem with just one or two columns? Are you able to post some example code that demonstrates the problem?

What AW version are you using and which browser(s)?

2.5.3 is the version that I am using.

From what I can tell the style settings are the same on other pages.

I have it set up like this:

obj.setSelectionMode("single-row");

The only key difference is I have the obj set up in a multi-row-marker configuration on the other pages.

It seems like all the pages that are "single-row" have this bug where instead of sitting direclty inside the frame of the grid there is a very thin column of blank space on the left side pushing it over to the right.

Hmm .. I haven't noticed that. What browser is it with?

If you changed the selection mode, does it go away?

I am using IE7.

Unfortunately. I did change selection mode and cleared the browser cache and it still appears.

Any ideas on what type of css code would cause it to shift to the right like that?

I finally figured it out. The object was being placed into a <td> and that td had a text-indent style set on it.

Thanks for looking into it, Anthony.

Er .. I'm a little confused. Why would you be using table construct tags in a grid?

Oh, the grid is placed inside of a YUI Panel.