Проблемы с IE 8

Bizon4ik · November 8, 2012

Всем доброе время суток.

Я набрал следующий код:

HTML


<body>
<div class="header"> 	
	<a href="#"> <img src="images/logo.png" alt="internationa"</a>	
		<ul class="menu">
 			   <li ><a href="#">Home</a></li>
 			   <li ><a href="#">Portfolio</a></li>
  			   <li ><a href="#">Become a member</a></li>
    			   <li ><a href="#">Patners</a></li>
   			   <li ><a href="#">About us</a></li>
    			   <li ><a href="#">Contacts</a></li>
  		</ul>
</div>

CSS


  body {
    margin:0;
    padding:0;
}

.header {
     border:black solid 1px;
     margin:0 auto;
     width:960px;
}
a img {border:none;}

.menu {
      background: #afafaf;

}
.menu li {
	float:left;
	width:150px;
        border:none;
}
.menu a {
	display:block;
}

В FireFox отображается так:

А в IE 8 так:

Откуда в IE взялся еще один пустой пункт списка?

И почему не сработал background: #afafaf; ?

Заранее спасибо.

Edited November 8, 2012 by Bizon4ik

Bizon4ik · November 8, 2012

Up

lexxcode · November 8, 2012

Up

Так делать не хорошо! Больше так не делай!

web-monster · November 9, 2012


<a href="#"><img src="images/logo.png" alt="internationa"</a>

Где закрытие тега IMG?


<a href="#"><img src="images/logo.png" alt="internationa"/></a>

После этого все сразу становится нормально


.menu {
	background: #afafaf;
	overflow: hidden; /* Добавить для "срабатывания" фона */
}

Bizon4ik · November 9, 2012

web-monsterогромное вам спасибо. Я уже и не надеялся получить ответ. Жаль немогу вам поставить "+", а то бы обязательно это сделал :blush:

Sign In

Проблемы с IE 8

Question

Bizon4ik

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

Bizon4ik

Link to comment

Share on other sites

lexxcode

Link to comment

Share on other sites

web-monster

Link to comment

Share on other sites

Bizon4ik

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information