Vertical align lost in table cells when publishing to responsive HTML5

Hi Matt!

I used Inspect feature and yes, it's td3.

All this stuff seems very strange to me. I tried to import with Robohelp with same results:

First I made a table style "myTable" in default.css with vertical aligment property set to center. Nothing more. I imported mydoc.fm file and set de fm style "Format A" to "myTable". Nothing more.

In Robohelp, the table's html is:

<table border-spacing="0" dir="ltr" class="table0 myTable" border-collapse="collapse" style="" width="100%" cellpadding="1">

and the cell is:

</td>
<td class="td3">
<p dir="ltr" class="FM_CellBody">cell</p>
</td>

I don't know "table0" and "td3" classes are come from, my style is myTable, but in the css created by Robohelp (mydoc.css), td3 is:

.td3 {
width: 72.000pt;
vertical-align: top;
} 

In "Other styles" section there a bunch of styles (.tr1, .td3, .tr3 etc.) that RoboHelp creates by itself.

But there is more!! If I override this particular cell style in FrameMaker with vertical aligment property set to center (now the style is set to botton for the example), then the html in RoboHelp is

<td class="td4">
<p class="FM_CellBody" dir="ltr">cell</p>
</td>

and mydoc.css has a new style

.td4 {
width: 72.000pt;
vertical-align: middle;
}

Now vertical-align is middle and the html looks ok.

Thanks a lot for your time Matt.