內容是不移動與鉻在div中的問題（問題asp控制）

我有一個菜單div在IE9和Firefox中顯示得很好，但在Chrome和IE8中，div的內容並沒有遵循實際的div本身當DIV移動：內容是不移動與鉻在div中的問題（問題asp控制）

IE9/FF： enter image description here

鉻： enter image description here

據我所知，我沒有任何的CSS衝突或問題進行流動。我可能會錯過某些東西（顯然）。任何幫助將不勝感激。 TIA

這是當前的div hiearchy：

<div id="mainBody"> 
    <div id="mainMenu" class="mainMenu"> 
      <asp:Menu class="menuItems"> 
       <--- menu items jargon here ---> 
      </asp:Menu> 
    </div> 
</div>

而CSS：

body 
{ 
    background-color: #E7EDEB; 
} 

.textBox 
{ 
    margin: 1px; 
} 
#mainBody 
{ 
    border: 1px solid #000000; 
    width: 1000px; 
    background-color: #FFFFFF; 
    margin-left: 10%; 
    margin-right: 10%; 
    padding: 0px; 
    font-family: Calibri; 
    letter-spacing: .03em; 
} 
.mainMenu 
{ 
    border: 1px solid #000000; 
    background-color: White; 
    margin: 0px; 
    position: relative; 
    width: 600px; 
    left: 50px; 
    bottom: 25px; 
    height: 30px; 
} 
.MenuItems 
{ 
    vertical-align: middle; 
    font-family: Calibri; 
    font-size: large; 
    text-decoration: none; 
    text-align: left; 
    color: #000000; 
    margin: 3px; 
} 
div#mainContent 
{ 
    padding-left: 20px; 
    padding-right: 20px; 
    padding-bottom: 10px; 
    margin: 0px; 
    width: 1000px 
}

更新：我刪除從DIV的ASP菜單控制，並用純文本替換它。它看起來更像你期望的，所以它讓我相信它與控制本身有關。我還沒有將任何樣式應用於控件本身，所以我仍然迷失方向。

來源

2012-01-09 Sinaesthetic

，你能否告訴我們實際的HTML而不是ASP標籤？ – j08691 2012-01-09 20:51:18

@Sinaesthetic：您能否提供預覽頁面，以便我們瞭解dealio是什麼？謝謝！ – 2012-01-09 21:19:21

jeremyjstafford.com – Sinaesthetic 2012-01-10 00:22:19

作爲一個ASP控制問題，我不認爲我會弄明白。事實證明，這是ASP提供控制權的一個問題。感謝Rob，我們能夠將其縮小到SkipLink。由於該頁面是個人的，我不需要擔心跳過鏈接，所以我選擇完全禁用它。在ASP中實現它的方法很簡單，就是在菜單控件中將SkipLinkText設置爲「」。

對於其他任何人遇到此，這裏有所示的一些其他技巧：

http://forums.asp.net/t/976796.aspx/1

謝謝你們

來源

2012-01-10 04:27:57 Sinaesthetic

嘗試添加

top:0;

到.mainMenu並重裝了幾次;）

來源

2012-01-09 20:54:29

這實際上使情況變得更糟。 – Sinaesthetic 2012-01-10 01:13:18

嘗試增加樣式到您的skiplink：

#ctl04_SkipLink { 
position:absolute; 
left:-9999px; 
}

來源

2012-01-10 01:40:03 j08691

＃ct104_SkipLink似乎是一個鏈接引用，而不是一個對象。我明白你在做什麼，但似乎沒有成效。 – Sinaesthetic 2012-01-10 02:06:19

它是由你的隱藏錨之前引起ul。還沒有弄清楚爲什麼。

編輯：其實，它出現在你的隱藏圖像內錨。

來源

2012-01-10 01:48:23 Rob

我沒有明確地放置任何ul或隱藏的圖像，它必須是從asp呈現的內容。正如我添加到我的OP，我刪除了控制，並用純文本替換它，它出來更像你所期望的。現在看起來這更像是一個ASP問題：（（ – Sinaesthetic 2012-01-10 01:53:04

@Sinaesthetic好吧，用alt「跳過導航鏈接」將圖像設置爲「display：none」使問題消失。 – Rob 2012-01-10 01:55:11

你是否親手做過？我怎麼在visual studio中改變它？ – Sinaesthetic 2012-01-10 02:00:54

內容是不移動與鉻在div中的問題（問題asp控制）

回答

相關問題