2011-09-09 3 views
0

내 웹 사이트는 bodto.com.tr입니다. 탐색기 8,9의 헤더에 빈 줄이 있습니다. 나는 그것이 어떤 피드백을 많이 감사하게 만들지도 모르는 것을 조사해왔다.탐색기의 헤더에서 빈 줄 8,9

<div id="header"> 
    <div class="headerTop">   
     <div class="headerTopSignIn"></div>   
     <div class="headerTopList"> 
      <ul> 
      <li></li> 
      </ul> 
     </div> 
     <div class="headerSearch"> 
      <asp:Panel id="searchPanel" runat="server" DefaultButton="searchButton"> 
       <asp:TextBox id="searchBox" runat="server"/> 
       <asp:Button id="searchButton" runat="server" OnClick="Search_Click" Text=""/> 
      </asp:Panel>        
     </div> 
    </div> 
    <div><a href="/"><img src="/images/image.png" width="288" height="70" alt=""/></a></div> 
    <div class="headerLogoOthers"> 
     <a href=""><img alt="" title="" src="/images/tb.png" /></a> 
     <a href=""><img alt="" title="" src="/images/ts.png" /></a> 
     <a href=""><img alt="" title="" src="/images/oib.png" /></a>     
    </div> 
    <div id="LanguageSelector"> 
     <form method="get" action="/"><select id="LanguageDropDownList" name="lang" onchange="javascript:location='/?lang=' + this.options[this.selectedIndex].value" ><option value="en">English (en)</option><option value="tr" selected="selected" >Türkçe (tr)</option></select><noscript><input type="submit" value=">"></noscript></form> 
    </div> 
    <div id="mainmenu"> 
     <ul class="topNavigation"><li class=""><a href="/b.aspx?lang=tr" title=""></a></li><li class=""><a href="/bd.aspx?lang=tr" title=""></a></li></ul> 
    </div> 
</div> 

여기에 설정 마진 - 하단 후 CSS를

#header {margin-bottom: 20px;position: relative;} 
#header a,#header a img{border: none;} 
#header #sitedescription{float: right;text-align: right;margin: 7px;} 
#header #sitedescription h1 {font-weight: normal;position: relative;font-size: 16px;line-height: 0.5em;} 
#header #mainmenu{margin: 0px;padding: 0px;} 
#header .mainmenucorner{margin: 0px;padding: 0px;background: url(/images/mainmenu_corner.gif) top left no-repeat;height: 20px;clear: both;position: relative;top: -15px;left: -25px;width: 20px;margin-bottom: -40px;} 
#header #mainmenu ul{width: 950px;float: left;margin-bottom: 15px;/*margin-top: 20px; */padding: 0px;//margin-left: -25px;} 
#header #mainmenu ul li{list-style: none;background-image: url(/images/icons/mainmenu_itembg.png);background-position: right bottom;background-repeat: no-repeat;float: left;font-size: 14px;} 
#header #mainmenu ul li a{padding: 15px 15px;display: block;color: #fff;text-decoration: none;background: url(/images/mainmenu_item_bottomshadow.jpg) bottom left no-repeat;margin-bottom: -13px;padding-bottom: 28px;} 
#header #mainmenu ul li.current{background-color: #a9a4a3;} 
#header #mainmenu ul li.home a{background-image: url(/images/icons/home_dark.png);background-position: 16px 16px;background-repeat: no-repeat;padding-left: 35px; } 
#header #mainmenu ul li:hover{color: #FFF;text-decoration: none;background-color: #a9a4a3;} 
.headerTop { overflow hidden; height: 27px; font-size: 0; margin-bottom: 10px; position: relative; color: #005AAB; font-size: 12px; border-bottom:1px solid #d5d5d5; } 
.headerTopSignIn { width: 350px; margin-top: 5px; position: absolute; left: 0px;} 
.headerTopSignIn a { color: #FECA08; } 
.headerTopList ul{ margin-top: 5px; padding: 0; position: absolute; left: 400px;} 
.headerTopList ul li{ display: inline; } 
.headerTopList ul li a { border: none; padding: 15px; color: #FECA08; background-image: url(/images/arrow.png); background-repeat: no-repeat; background-position: left center; text-decoration: none; } 
.headerTopList ul li a:hover { padding: 15px; background-image: url(/images/arrow_hover.png); background-repeat: no-repeat; background-position: left center; text-decoration: none; } 
.headerLogo img { }   
.headerSearch { padding-left: 20px; position: absolute; top: 0; right: 0; } 
.headerLogoOthers { position: absolute; float:left; margin: 5px; top: 50px; right: 0; } 
#LanguageSelector{float:right; margin: 0; padding: 0; } 

입니다 :는 #header 0, 내가 뭔가 이상한 참조하십시오. 헤더을 변경하기 전에

1 마진 - 하단 : 0, Before changing

2 변경 한 후 다음 After changing

헤더 수는 #headermargin-bottom: 0을 설정 CSS를

/* *** FLASH *** */ 
#flash { height: 437px; float: left; } 

/* *** FLASH CONTENT *** */ 
#flashcontent { width: 660px; float: left; } 

/* *** SIDEBAR FLASH *** */  
.sidebarFlash { font-size: 12px; width: 285px; height: 400px; margin-left: 5px; float: left; background-color: #FECA08; overflow: hidden; } 
.sidebarFlash span.header { padding: 2px; color: #FECA08; background:#000000; display:block;} 
.sidebarInnerTop { height: 240px; padding: 5px; background-color: #FECA08; } 

.sidebarInnerTop h1 { padding: 5px 0 5px 20px; background-image: url(/images/icons/arrow2_se.png); background-position: left center; background-repeat: no-repeat; } 
.sidebarInnerTopMenuNav { padding-left: 0; margin-left: 0; list-style-type: none; background-color: #FFF; } 
.sidebarInnerTopMenuNav li { } 
.sidebarInnerTopMenuNav li a { padding: 8px 15px 8px 20px; border-bottom: 1px dotted gray; display: block; background-image: url(/images/arrow.png); background-repeat: no-repeat; background-position: left center; text-decoration: none; } 
.sidebarInnerTopMenuNav li a:hover { background:#595E6A none repeat scroll 0 0; background-image: url(/images/arrow_hover.png); background-repeat: no-repeat; background-position: left center; text-decoration: underline; } 

.sidebarInnerTopMenuNavSub { padding: 0; margin: 0; background-color: #FFF; } 
.sidebarInnerTopMenuNavSub li { list-style: none; } 
.sidebarInnerTopMenuNavSub li a { padding: 8px 15px 8px 20px; border-bottom: 1px dotted gray; display: block; background-image: url(/images/arrow.png); background-repeat: no-repeat; background-position: left center; text-decoration: none; } 
.sidebarInnerTopMenuNavSub li a:hover { background:#595E6A none repeat scroll 0 0; background-image: url(/images/arrow_hover.png); background-repeat: no-repeat; background-position: left center; text-decoration: underline; } 

.sidebarInnerBottom { overflow: hidden; } 
.sidebarInnerBottom span.header { padding: 2px; color: #FECA08; background:#000000; display:block;} 
+0

최소 작업 샘플이 좋을 것입니다. –

+0

내 HTML을 추가했습니다. – user574712

+0

CSS를 사용하지 않으면 도움이되지 않습니다. –

답변

0

입니다 div가 문제를 해결합니다.

+0

무슨 일인지 모르겠습니다. IE 개발자 도구 (F12)로 코드를 검사하고, 옵션으로 게임을하고, 무슨 일이 일어나고 있는지 찾아내는 가장 좋은 방법입니다. –

+0

다시 원활하게 작동하지만 이유는 모르겠습니다. – user574712

+0

Adam, 마스터 템플리트에서 수정되었지만 마스터에서 파생 된 서브 템플리트에 헤더에서 여전히 빈 행이 있습니다. – user574712