1

In visual studio 2010 and 11 beta if you have a table like this one:

<div style="display:table">
    <div style="display: table-row">
        <div style="display: table-cell">(row 1 cell 1)</div>
        <div style="display: table-cell">(row 1 cell 2)</div>
    </div>
    <div style="display: table-row">
        <div style="display: table-cell">(row 2 cell 1)</div>
        <div style="display: table-cell">(row 2 cell 2)</div>
    </div>
</div>​

http://jsfiddle.net/BnAtp/

In the Visual Designer is seen like this: enter image description here

In the browser is shown correctly: enter image description here

Anyone knows if it will be supported in the stable version of visual 11? or if there is a patch/plugin/extension/trick that makes it display correctly in the designer (for visual 2010 or 11)?

VSP
  • 2,367
  • 8
  • 38
  • 59
  • 3
    You are missing semi-colons after the property values. I wonder if that's your problem? – Andrew Barber Jul 17 '12 at 08:45
  • 1
    @Andrew Barber: The semi-colon isn't necessary in the last declaration. This applies both to inline styles and CSS rules, and I imagine the VS designer should be able to handle it. – BoltClock Jul 17 '12 at 09:35
  • @AndrewBarber As BoltClock says it isnt necessary in the last declaration, even intellisense does it this way... – VSP Jul 17 '12 at 10:04

1 Answers1

0

In the end is not supported in Visual Studio 2010 nor 2012...they dont support other CSS3 rules neither (The design view of a page with twitter bootstrap implemented makes you cry)...

Dont know if some great extension for VS could solve this...seems a fat chance...

VSP
  • 2,367
  • 8
  • 38
  • 59