Home/ Questions/Q 3430054
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-18T07:09:28+00:00

When the following markup renders, the menu renders as table topMainMenu with a height

  • 0

When the following markup renders, the menu renders as table topMainMenu with a height of 51. When I remove the Blueprint stylesheet, topMainMenu renders with a height of 20, the minimum I presume.

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

I was under the impression that Blueprint should have no effect on any height in this scenario. Surely a CSS reset wont be doing this? No styling I have tried can shrink the menu height below 51. What can I do?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    This should override your blueprint css

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

    OR 

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