Note that there are some explanatory texts on larger screens.

plurals
  1. PONot getting proper output in IE8 while it's ok in google chrome?
    primarykey
    data
    text
    <pre class="lang-html prettyprint-override"><code>&lt;header&gt; &lt;H2&gt;Logo Here&lt;/H2&gt; &lt;form&gt; Search: &lt;input type="text" name="search" class="search_bt" /&gt; &lt;/form&gt; &lt;nav&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;About Us&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Carrer&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Home Loan&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Education Loan&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;All Loans&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt; &lt;div style="clear:both"&gt;&lt;/div&gt; &lt;/header&gt; </code></pre> <p>This is my html code.<br> I am not getting proper output in IE8. So what's the issue is there?</p> <pre><code>this is my css body{ margin:0 auto; width:1072px; } header,nav{ display:block } header{ background:url(file:///C|/Users/Administrator/Desktop/banking/img/header_bg.jpg) repeat-x; } header h2 { float: left; margin: 0px; font-family: sans-serif; font-size: 48px; line-height: 48px; margin-top: 48px; color: #c40b51; } header form{ float:right; margin-top:30px; } .search_bt{ border-radius: 8px; height: 23px; background:url(file:///C|/Users/Administrator/Desktop/banking/img/search_bt.png) 100% 48% no-repeat; background-color: #f1edef; } nav{ float:right; margin: 100px -200px; margin-bottom: 3px; } nav a{ color:#666; text-decoration:none; } nav a:hover{ background-color:#c40b51; color:white; border-radius:7px; padding:2px 6px; margin:0px -6px; } nav ul{ margin:0px; padding:0px; } nav li{ display:inline; list-style:none; } nav li:after{ content:'|'; margin-left: 10px; margin-right: 10px; } nav li:last-child:after{ content:''; margin-left: -8px; } </code></pre> <p>this pseudo class nav li:last-child:after not working due to that i am getting divider of my last menu. so how to fix it.</p>
    singulars
    1. This table or related slice is empty.
    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.
    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