Blueprintでメニューの高さが修正されます

次のマークアップがレンダリングされると、メニューはテーブルtopMainMenuの高さ51でレンダリングされます。ブループリントスタイルシートを削除すると、topMainMenuは高さ20でレンダリングされます。Blueprintでメニューの高さが修正されます

<head runat="server"> 
    <title></title> 
    <link rel="stylesheet" type="text/css" href="Styles/Blueprint/screen.css" /> 
    <script src="<%# ResolveUrl("~/Scripts/jquery-1.4.4.js")%>" type="text/javascript"></script> 
</head> 
<body> 
    <form id="form" runat="server"> 
    <div class="prepend-1 span-22 last"> 
     <asp:Menu ID="topMainMenu" runat="server" DataSourceID="mainMenuDataSource" Orientation="Horizontal" Width="100%" Height="16px"> 
      <StaticMenuStyle Height="10px" BackColor="Navy" /> 
     </asp:Menu> 
    </div> 
    </form> 
</body>

このシナリオでは、Blueprintはどの高さにも影響しないと考えていました。確かにCSSをリセットしないでくださいこれはですか？私が試したスタイリングでは、メニューの高さを51より小さくすることはできません。何ができますか？

出典

2010-11-25 ProfK

このあなたの青写真のCSSは動作するでもない

<div class="prepend-1 span-22 last" style="height:20px;line-height:20px;">

<style> 
.adjustHeight { 
    height:20px; line-height:20px; margin:0; padding:0; 
} 
</style> 
<div class="prepend-1 span-22 last adjustHeight">

出典

2010-11-25 19:16:40 Ish

をオーバーライドする必要があります。 – ProfK

CSSのプロパティをデバッグするのにfirebugを使うと、どの要素が高さを超えているかを正確に知ることができます。 – Ish

私は試しましたが、何も正確に見えません。私はそれが役立つのを見るためにULを使用してメニューをやり直しています。 – ProfK

Blueprintでメニューの高さが修正されます

答えて

関連する問題