2012-04-03 13 views
6

मुझे एएसपीनेट वर्टिकल मेनू के साथ कोई समस्या है, जहां कुछ IE8 मोड और अन्य आईई ब्राउज़र में, यह मेरे मेनू आइटम को प्रत्येक मेनू के नीचे एक अतिरिक्त स्थान रखने के लिए बदलता है जैसा कि नीचे दिखाया गया है।आईई 8 संगतता मोड Asp.net मेनू पैडिंग समस्या

(बाईं ओर खराब, दाईं ओर अच्छा)। यह केवल आईई है।

bad _____________________ good

मैं एक मार्जिन किया: -1px; नीचे और ऊपर के लिए और नीचे दिया गया है और अभी भी नीचे दिखाया गया है, जैसा कि नीचे दिखाया गया है।

enter image description here

यहाँ मेरी सीएसएस है:

.SideStaticMenuStyle a, 
.SideStaticMenuStyle a:visited, 
.SideStaticMenuStyle a:active 
{ 
    color: #000000;  
    text-decoration: none; 
    font-weight: normal; 
    font-family: verdana; 
    font-size: 12px; 
    white-space:normal; 
} 
.SideStaticMenuStyle a:hover 
{ 
    color: #ffffff;  
    text-decoration: none; 
    font-size: 12px;   
    font-weight: normal; 
    font-family: verdana; 
} 

.SideStaticMenuStyle td 
{ 
    background-color: #c2d0e9; 
    width: 160px; 
    line-height:14px; 
} 

.SideStaticSelectedStyle td, 
.SideStaticSelectedStyle a, 
.SideStaticSelectedStyle a:visited, 
.SideStaticSelectedStyle a:active, 
.SideStaticSelectedStyle a:hover 
{ 
color: #ffffff;  
text-decoration: none; 
font-weight: bold; 
font-family: verdana; 
font-size: 11px; 
white-space:normal; 
background-color: #6C85B0; 
} 

.SideStaticHoverStyle td 
{ 
    font-weight: normal; 
    font-family: verdana; 
    background-color: #6c85b0; 
    color: #ffffff; 
} 
.SideStaticHoverStyle td:hover a 
{ 
      color: #ffffff; 
     } 

.SideStaticMenuItemStyle 
{ 
    font-weight: normal; 
    font-family: verdana; 
    border-bottom: solid 1px #012754; 
    border-left: solid 1px #012754; 
    border-right: solid 1px #012754; 
    border-collapse:collapse; 
} 
.SideStaticMenuItemStyle td 
{  
    padding: 2px 2px 2px 3px; 
    text-align: left; 
    font-weight: normal; 
    font-family: verdana; 
    } 
.SideStaticHoverStyle 
{ 
    font-weight: normal; 
    font-family: verdana; 
} 

यहाँ मेरी HTML है:

<asp:Menu ID="Menu2" runat="server" Orientation="Vertical" ItemWrap="true"> 
      <DataBindings> 
       <asp:MenuItemBinding DataMember="MenuItem" TextField="Title" NavigateUrlField="URL" /> 
      </DataBindings> 
      <StaticMenuStyle CssClass="SideStaticMenuStyle" /> 
      <StaticSelectedStyle CssClass="SideStaticSelectedStyle" ItemSpacing="0px" /> 
      <StaticMenuItemStyle CssClass="SideStaticMenuItemStyle" ItemSpacing="0px" /> 
      <DynamicHoverStyle CssClass="SideDynamicHoverStyle" /> 
      <DynamicMenuStyle CssClass="SideDynamicMenuStyle" /> 
      <DynamicSelectedStyle CssClass="SideDynamicSelectedStyle" /> 
      <DynamicMenuItemStyle CssClass="SideDynamicMenuItemStyle" /> 
      <StaticHoverStyle CssClass="SideStaticHoverStyle" /> 
     </asp:Menu> 

पृष्ठ उत्पन्न कोड:

<table id="ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2" class="SideStaticMenuStyle ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2_5 ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2_2" cellpadding="0" cellspacing="0" border="0"> 
    <tr onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(this)" id="ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2n1"> 
     <td><table class="SideStaticMenuItemStyle ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2_4" cellpadding="0" cellspacing="0" border="0" width="100%"> 
      <tr> 
       <td style="width:100%;"><a class="ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2_1 SideStaticMenuItemStyle ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2_3" href="servicelink.aspx" target="_self" style="border-style:none;font-size:1em;">ServiceLink</a></td> 
      </tr> 
     </table></td> 
    </tr><tr style="height:0px;"> 
     <td></td> 
    </tr><tr style="height:0px;"> 
     <td></td> 
    </tr><tr onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(this)" id="ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2n2"> 
     <td><table class="SideStaticMenuItemStyle ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2_4" cellpadding="0" cellspacing="0" border="0" width="100%"> 
      <tr> 
       <td style="width:100%;"><a class="ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2_1 SideStaticMenuItemStyle ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2_3" href="fnpc.aspx" target="_self" style="border-style:none;font-size:1em;">Fidelity National Property and Casualty</a></td> 
      </tr> 
     </table></td> 
    </tr><tr style="height:0px;"> 
     <td></td> 
    </tr><tr style="height:0px;"> 
     <td></td> 
    </tr><tr onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(this)" id="ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2n3"> 
     <td><table class="SideStaticMenuItemStyle ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2_4" cellpadding="0" cellspacing="0" border="0" width="100%"> 
      <tr> 
       <td style="width:100%;"><a class="ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2_1 SideStaticMenuItemStyle ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2_3" href="ceridiancorp.aspx" target="_self" style="border-style:none;font-size:1em;">Ceridian Corporation</a></td> 
      </tr> 
     </table></td> 
    </tr><tr style="height:0px;"> 
     <td></td> 
    </tr><tr style="height:0px;"> 
     <td></td> 
    </tr><tr onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(this)" id="ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2n4"> 
     <td><table class="SideStaticMenuItemStyle ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2_4" cellpadding="0" cellspacing="0" border="0" width="100%"> 
      <tr> 
       <td style="width:100%;"><a class="ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2_1 SideStaticMenuItemStyle ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2_3" href="remy.aspx" target="_self" style="border-style:none;font-size:1em;">Remy International, Inc.</a></td> 
      </tr> 
     </table></td> 
    </tr><tr style="height:0px;"> 
     <td></td> 
    </tr><tr style="height:0px;"> 
     <td></td> 
    </tr><tr onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(this)" id="ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2n5"> 
     <td><table class="SideStaticMenuItemStyle ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2_4" cellpadding="0" cellspacing="0" border="0" width="100%"> 
      <tr> 
       <td style="width:100%;"><a class="ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2_1 SideStaticMenuItemStyle ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2_3" href="abrh.aspx" target="_self" style="border-style:none;font-size:1em;">American Blue Ribbon Holdings, LLC</a></td> 
      </tr> 
     </table></td> 
    </tr><tr style="height:0px;"> 
     <td></td> 
    </tr><tr style="height:0px;"> 
     <td></td> 
    </tr><tr onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(this)" id="ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2n6"> 
     <td><table class="SideStaticMenuItemStyle ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2_4" cellpadding="0" cellspacing="0" border="0" width="100%"> 
      <tr> 
       <td style="width:100%;"><a class="ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2_1 SideStaticMenuItemStyle ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2_3" href="cascade.aspx" target="_self" style="border-style:none;font-size:1em;">Cascade Timberlands</a></td> 
      </tr> 
     </table></td> 
    </tr><tr style="height:0px;"> 
     <td></td> 
    </tr> 
</table><a id="ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2_SkipLink"></a> 
    </td> 
+0

आप मेनू के लिए कुछ नमूना HTML पोस्ट कर सकते हैं, कृपया? साथ ही, लाइन-ऊंचाई को कम करने या यहां तक ​​कि हटाने का प्रयास करें। – dash

+0

मैंने लाइन-ऊंचाई को हटाने की कोशिश की जो मदद नहीं करता था। मेरा एचटीएमएल कोड जोड़ा –

+0

क्या आप जेनरेट किए गए एचटीएमएल (इन-ब्राउजर में) पोस्ट कर सकते हैं - एएसपी डेवलपर नहीं होने के कारण, आपके द्वारा पोस्ट किया गया एक्सएमएल मेरे लिए व्यर्थ है :) – Pete

उत्तर

2

समस्या आपके <asp:Menu /> नियंत्रण के मार्कअप में है। ItemSpacing="0"<StaticMenuItemStyle /> पर उन अतिरिक्त <tr /> टैग बनाता है। यह निकालें और वे चला जाएगा:

<asp:Menu ID="Menu2" runat="server" Orientation="Vertical" ItemWrap="true"> 
    <DataBindings> 
     <asp:MenuItemBinding DataMember="MenuItem" TextField="Title" NavigateUrlField="URL" /> 
    </DataBindings> 
    <StaticMenuStyle CssClass="SideStaticMenuStyle" /> 
    <StaticSelectedStyle CssClass="SideStaticSelectedStyle" /> 
    <StaticMenuItemStyle CssClass="SideStaticMenuItemStyle" /> 
    <DynamicHoverStyle CssClass="SideDynamicHoverStyle" /> 
    <DynamicMenuStyle CssClass="SideDynamicMenuStyle" /> 
    <DynamicSelectedStyle CssClass="SideDynamicSelectedStyle" /> 
    <DynamicMenuItemStyle CssClass="SideDynamicMenuItemStyle" /> 
    <StaticHoverStyle CssClass="SideStaticHoverStyle" /> 
</asp:Menu> 

यहाँ मेरी स्थानीय मशीन का एक स्क्रीन शॉट है कि मैं कहाँ दिखाने यह तय:

enter image description here

+0

बीएएम को नहीं हटाया! यह तय है। वाह कुछ इतना आसान अनदेखा। धन्यवाद स्कॉट, एक बार यह मुझे देने के बाद मैं आपको बक्षीस दूंगा (कहता है कि 7 घंटे शेष)।धन्यवाद –

+0

कोई समस्या नहीं है। मजाकिया बात यह है कि मैंने इसे भी अनदेखा किया। मैं सीएसएस और जेनरेट किए गए एचटीएमएल के साथ खेलने का प्रयास कर रहा था जिसे आपने बिना किसी फायदा के पोस्ट किया था। तब मैंने कहा कि इसे मेनू में एक सेटिंग होना चाहिए जो खुद को '' टैग उत्पन्न करता है। अन्यथा वहां उनके लिए कोई मतलब नहीं होगा। इसलिए मैंने आपके द्वारा पोस्ट की गई चीज़ों के साथ '' स्वयं बनाया है और सुनिश्चित किया है कि मैंने जो कुछ किया है, उसे हटा दिया गया था 'ItemSpacing = "0" 'और जैसा आपने कहा था, बैम! वे चले गए थे। –

+0

मीठा। एक बार फिर धन्यवाद! –

2

कुछ अतिरिक्त टी.आर. रहे हैं और टीडी उन टैग्स के बीच टैग जिनमें वास्तव में टेक्स्ट होता है। यदि आप उन्हें हटाते हैं, तो आपको ठीक होना चाहिए

+0

हम्म, ऐसा लगता है कि एएसपीनेट मेनू से जेनरेट किया गया है और कोड में ही नहीं, मुझे यह देखना होगा कि मैं किसी भी तरह मैन्युअल रूप से उन्हें किसी भी तरह से हटा सकता हूं –

+0

मैं उन टैग को हटाने के लिए एक तरीका नहीं समझ सकता एक आईडी नहीं है। –

+0

tr [शैली] { डिस्प्ले: कोई नहीं! महत्वपूर्ण; } आपके सभी टैग्स जिनके पास कोई आईडी नहीं है, उनमें शैली विशेषता है, आप यह सुनिश्चित करने के लिए उस टैग का उपयोग कर सकते हैं कि वे प्रदर्शित नहीं होंगे। हालांकि चयनकर्ता आईई 7 में समर्थित नहीं है। यह आपके आईई 8 और उपर्युक्त समस्याओं से निपटने की संभावना है। – Ray

संबंधित मुद्दे