Blueprint fixiert Menühöhe

Wenn das folgende Markup rendert, rendert das Menü als Tabelle topMainMenu mit einer Höhe von 51. Wenn ich das Blueprint Stylesheet entferne, topMainMenu rendert mit einer Höhe von 20, nehme ich das Minimum an.Blueprint fixiert Menühöhe

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

Ich hatte den Eindruck, dass Blueprint in diesem Szenario keinen Einfluss auf irgendeine Höhe haben sollte. Sicherlich wird ein CSS-Reset dieses nicht tun? Kein Styling, das ich versucht habe, kann die Menühöhe unter 51 verkleinern. Was kann ich tun?

Quelle

2010-11-25 ProfK

Dies sollte Ihr Plan css

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

ODER

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

Quelle

2010-11-25 19:16:40 Ish

Nicht einmal außer Kraft setzen, das funktioniert. – ProfK

Verwenden Sie firebug, um CSS-Eigenschaften zu debuggen, es gibt Ihnen genaue Idee, welches Element die Höhe überschreitet. – Ish

Ich habe es versucht, ich kann nichts genau sehen. Ich wiederhole das Menü mit einem UL, um zu sehen, dass es hilft. – ProfK

Antwort

Verwandte Themen