Предотвратить расширение меню ASP.NET по соседнему содержимому

У меня есть макет из двух столбцов с вертикально ориентированным элементом управления меню ASP.NET в узком левом столбце и информацией, связанной с выбранным пунктом меню, в широком правом столбце:

<div class="span-4">
    <asp:Menu ID="categoryMenu" runat="server" Orientation="Vertical">
    </asp:Menu>
</div>
<div id="product-grid-pane" class="span-12 last">
    <asp:GridView ID="productGrid" runat="server" AutoGenerateColumns="false" ShowHeader="false" Width="100%">
    </asp:GridView>
</div>

Если пункт меню содержит длинный текст, меню просто расширяется по сетке. Как я могу предотвратить это? Здесь мне могут понадобиться два ответа: чистый CSS, который был бы очень хорош, если бы элемент управления меню отображал красивые, простые элементы UL, но, похоже, он предпочитает непроницаемую структуру на основе таблиц. Мне может понадобиться дополнительная помощь в правильной стилизации.


css asp.net blueprint-css
person ProfK    schedule 25.11.2010    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Если вы используете ASP.net 4.0, элемент управления Menu имеет свойство с именем RenderingMode, для которого можно установить значение Table или List.

В противном случае, возможно, вы можете дать таблицу width:100% и table-layout:fixed и ваш содержащий div overflow:hidden.

person Bazzz    schedule 26.11.2010