Hi Yudi,

Thanks for your reply. Yes, please put this forward as a feature request.

Cheers,

James

Hi Martin,

Thanks for your reply. I will work around the problem.

James

Hi Martin,

Thanks for your reply. I have run your sample file and am still getting the same issue. I’ve zipped up and attached the sample project I was testing with along with some screen shots.

I don’t have any special CSS debugging tools for IE, only straight VS 2008, although I have some JavaScript that gives me browser info (click “Browser Info” button in sample app or see screen shots).

I will try to explain more clearly what the problem is:

1. My app is designed for our intranet, where IE8 is running in compatibility view on all users’ PCs (browser setting is determined by group policy). See screen shot IE8_compatibility_view_settings.png. Please assume that this setting cannot be changed, as we have many older web apps that require this setting.
2. Until recently I was coding to IE8 CSS standards as I was developing on my own PC, and “localhost” never uses compatibility view unless you explicitly set it. When I discovered this I explicitly included localhost in my IE8 compatibility settings (see screen shot IE8_compatibility_view_settings.png).
3. In order to continue to code to IE8 standards, I added the meta tag <meta http-equiv="X-UA-Compatible" content="IE=8" /> to my web page. This works great, except for the heading alignment issue in the WebGrid.
4. To try to get around the grid issue I took out the meta tag and tried coding to IE7 standards. This fixes the grid, but introduces new problems. These are mostly minor except for the WebCombo, which stays put within a scrolling DIV (see sample app, WebComboInScrollingDiv.aspx example page.
5. I have WebGrids and WebCombos on the same web page in my "real" app, so cannot have the meta tag for one and not the other.

To summarize, if I have the meta tag in place, the WebGrid does not work but the WebCombo does work; if I take out the meta tag the WebGrid works but the WebCombo does not work.

I would prefer a solution that fixes the WebGrid in Compatibility Mode/DocMode 8 (see browser info screen shots), but if you can tell me a way to fix the WebCombo in Compatibility Mode/DocMode 7 that would be fine (please see the sample app’s JavaScript code for how “Compatibility Mode” is determined in these pop-ups).

Hope this helps!

James

Hi Andi,

I thought I'd let you know a colleague of mine came up with a simpler solution - seting "float:left" in the style for the data column in addition to the label column. This avoids the need to set the FrameStyle on the WebCombo. My colleague also noticed that the alignment problem only occurred in IE and not in Firefox.

Cheers,

James

Hi Andi,

Thanks for your reply - it has solved part of the problem.

The controls that come after the WebCombo now appear on the next line (even though the Visual Studio 2008 designer still wrongly shows them on the same line).

However the left-alignment of the WebCombo is still off by a couple of pixels compared to the other controls. Adding margins to the WebCombo doesn't seem to work too well, and anyway the alignment works fine in a table so I don't think this should be necessary.

I am testing with IE6 as this is still my company's standard. Any further suggestions greatly appreciated.

Cheers,

James