Tuesday, January 26, 2010

ASP.Net and style=”display:inline-block”

I found ASP.Net was throwing in a style=”display:inline-block” on some of my elements. This style element works fine in IE – but was hosing up the display of content in Chrome and FireFox. Turns out that ASP.Net automatically injects that style element anytime you set the width or height on an ASP.Net control.

Easy and recommended fix: remove the height and width being set on the control and instead use a CSS style to assign the dimensions.

Complicated fix: over-ride the render method on the control.

3 comments:

  1. jamieyates799:57 AM, June 28, 2010

    Thanks for this. I couldn't understand why I was getting the 'display: inline-block' inserted into the HTML displaying a Grid control :)

    ReplyDelete
  2. Mike, Zhang Mingquan9:58 PM, July 12, 2010

    When did this start to happen?

    There is no such problem before.

    ReplyDelete
  3. Unknown4:19 PM, March 21, 2011

    alternatively you can try this:

    control.Style.Add("width", "45");

    ReplyDelete

Remember, if you want me to respond to your comment, then you need to use a Google/OpenID account to leave the comment.