CSS打印時出現問題菜單

我有一個功能正常的菜單。但是在我對齊菜單的母版頁中，它自身需要一個行空間，並且也從頁面中間開始（不完全在頁面的中間位置，而是從左側開始的10個空格處）CSS打印時出現問題菜單

這是我的CSS：

.menu { 
} 
.menu ul { 
    list-style:none; 
} 
.menu li { 
    list-style:none; 
    display:block; 
    float:left; 
    height:53px; 
    line-height:53px; 
} 
.menu li a { 
    display:block; 
    float:left; 
    color:#852917; 
    font-size:11px; 
    font-weight:bold; 
    line-height:53px; 
    text-decoration:none; 
    padding:0 25px; 
    background:#ebdbca url(menu_037_bg.jpg) no-repeat left; 
    border-bottom:2px solid #d7a278; 
} 
.menu li a:hover { 
    color:#fff; 
    background:#a73e29 url(menu_037_h.jpg) no- repeat left; 
    border-bottom:2px solid #b75542; 
} 
.menu li a.current { 
    display:block; 
    float:left; 
    color:#fff; 
    background:#a73e29 url(images/menu_037_h.jpg) no- repeat left; 
    border-bottom:2px solid #b75542; 
    font-size:11px; 
    font-weight:bold; 
    line-height:53px; 
    text-decoration:none; 
} 
.menu li a:hover.current { 
    color: #fff; 
}

這是菜單：

<tr> 
    <td colspan="5" style="background-color: #001A65; height: 7px;"></td> 
</tr> 
<tr> 
    <td colspan="5" style="background-color: #CFB549; height: 10px; text-align: right;"></td> 
</tr> 
<tr> 
    <td> 
     <asp:menu onmenuitemclick="menu_navigate" id="Menu1" orientation="Horizontal" runat="Server" width="100%" cssclass="menu" includestyleblock="false" renderingmode="List" staticmenuitemstyle-itemspacing="10px"> 
     <staticmenuitemstyle bordercolor="Black" borderstyle="Solid" borderwidth="0px" horizontalpadding="20px"/> 
     </asp:menu> 
    </td> 
</tr>

u人可以幫我，我在這將近一個小時，沒能弄明白..

來源

2011-08-17 user838359

您可能想要包含呈現的HTML，而不是未處理/未呈現的ASPX頁面，因爲呈現的HTML是CSS將在其上運行的內容。 – mikemanne

你可以使用jsfiddle.net顯示該問題嗎？ –

你能提供你描述的內容的屏幕截圖嗎？無法想象你想說什麼。 – CheckRaise

我。通常會隱藏我的菜單y被打印，因爲它不像任何人可以使用它們。如果你想在菜單打印可以使用打印的介質類型來解決所出現的任何錯誤

@media print { 
    menu { display: none; } 
}

：爲了這樣做只是把這個在你的頭上的標籤之一，使用正確的類。

來源

2011-10-30 12:20:17 PCasagrande

CSS打印時出現問題菜單

回答

相關問題