У меня есть таблица html внутри левого региона dojox / layout / ContentPane. Я не могу получить стол в центре div. Я пытался использовать: margin: 0 auto; в стиле css таблицы, но таблица всегда выравнивается по левому краю. Таблица содержит dijit / layout / TabContainer с панелями содержимого, которые заполнены Google-диаграммами (возможно, они влияют на макет?). Ниже мой код, любые предложения приветствуются. На снимке экрана граница таблицы выделена желтым, а граница div оранжевым цветом с левой стороны изображения
<div data-dojo-type="dojox/layout/ContentPane" id="FormLeft" data-dojo-props="splitter: false, region:'left'">
<div id="FormLeft">
<table class="TblPieCharts">
<tr>
<td>
<div data-dojo-type="dijit/layout/TabContainer" class="TCPieChart" id="tcTickets">
<div data-dojo-type="dijit/layout/ContentPane" title="Categories" id="DACat"></div>
<div data-dojo-type="dijit/layout/ContentPane" title="Priorities" id="DAPriority"></div>
<div data-dojo-type="dijit/layout/ContentPane" title="Types" id="DAType"></div>
</div>
</td>
</tr>
<tr>
<td><div id="DAFYE" /></td>
</tr>
</table>
</div>
</div>
CSS:
/*style for content pane*/
#FormLeft {
width: 25%;
background-color:black;
border-width: 6px;
border-color:orange;
}
/*style for table holding pie charts*/
.TblPieCharts {
margin: 0 auto;
align-content:center;
background-color: yellow;
color: white;
}
/*style for tab container*/
.TCPieChart {
width: 350px;
height: 300px;
background-color: black;
margin: 0 auto;
border-width: 0px;
}
/*style for pie chart*/
#DACat {
width: 350px;
height: 250px;
background-color: black;
margin: 0 auto;
border-width: 0px;
}
Спасибо
Пит