ASP.NETメニューが隣接するコンテンツに拡張されないようにする

Question

狭い左の列に縦向きのASP.NETメニューコントロールと、幅の広い列に選択したメニュー項目に関連する情報を持つ2列レイアウトがあります。

<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> 

メニュー項目は、長いテキストが含まれている場合は、メニューは単にグリッド上で展開します。どうすればこれを防ぐことができますか？私はここで2つの答えが必要になるかもしれません：純粋なCSSの1つは、メニューコントロールが素敵な単純なUL要素をレンダリングした場合に非常にいいですが、それは私が適切なスタイリングを追加する必要があるかもしれない浸透できないテーブルベースの構造を好むようです。

Answer 1

ASP.net 4.0を使用している場合、MenuコントロールにはRenderingModeという名前のプロパティがあり、TableまたはListに設定できます。

おそらく、テーブルwidth:100%とtable-layout:fixedとあなたの含まれる部門overflow:hiddenを与えることができます。