Note that there are some explanatory texts on larger screens.

plurals
  1. POEmpty line at header on explorer 8,9
    primarykey
    data
    text
    <p>My website is bodto.com.tr. I have a empty line at header on explorer 8,9. I have been searching what might cause it so any feedback much appreciated.</p> <pre><code> &lt;div id="header"&gt; &lt;div class="headerTop"&gt; &lt;div class="headerTopSignIn"&gt;&lt;/div&gt; &lt;div class="headerTopList"&gt; &lt;ul&gt; &lt;li&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div class="headerSearch"&gt; &lt;asp:Panel id="searchPanel" runat="server" DefaultButton="searchButton"&gt; &lt;asp:TextBox id="searchBox" runat="server"/&gt; &lt;asp:Button id="searchButton" runat="server" OnClick="Search_Click" Text=""/&gt; &lt;/asp:Panel&gt; &lt;/div&gt; &lt;/div&gt; &lt;div&gt;&lt;a href="/"&gt;&lt;img src="/images/image.png" width="288" height="70" alt=""/&gt;&lt;/a&gt;&lt;/div&gt; &lt;div class="headerLogoOthers"&gt; &lt;a href=""&gt;&lt;img alt="" title="" src="/images/tb.png" /&gt;&lt;/a&gt; &lt;a href=""&gt;&lt;img alt="" title="" src="/images/ts.png" /&gt;&lt;/a&gt; &lt;a href=""&gt;&lt;img alt="" title="" src="/images/oib.png" /&gt;&lt;/a&gt; &lt;/div&gt; &lt;div id="LanguageSelector"&gt; &lt;form method="get" action="/"&gt;&lt;select id="LanguageDropDownList" name="lang" onchange="javascript:location='/?lang=' + this.options[this.selectedIndex].value" &gt;&lt;option value="en"&gt;English (en)&lt;/option&gt;&lt;option value="tr" selected="selected" &gt;Türkçe (tr)&lt;/option&gt;&lt;/select&gt;&lt;noscript&gt;&lt;input type="submit" value="&gt;"&gt;&lt;/noscript&gt;&lt;/form&gt; &lt;/div&gt; &lt;div id="mainmenu"&gt; &lt;ul class="topNavigation"&gt;&lt;li class=""&gt;&lt;a href="/b.aspx?lang=tr" title=""&gt;&lt;/a&gt;&lt;/li&gt;&lt;li class=""&gt;&lt;a href="/bd.aspx?lang=tr" title=""&gt;&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p>Here is the css</p> <pre><code>#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; } </code></pre> <p>After setting margin-bottom: 0 to #header, I see something weird.</p> <p>1- before changing to header margin-bottom: 0, <a href="http://www.bodto.com.tr/3.jpg" rel="nofollow">Before changing</a></p> <p>2- after changing to header <a href="http://www.bodto.com.tr/4.jpg" rel="nofollow">After changing</a></p> <p>Here is the css</p> <pre><code>/* *** 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;} </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload