Форум Сайтостроение Веб-строительство

Проблема с CSS (display:block) в IE

dRiveR.dLL
На сайте с 25.09.2006
Offline
79
dRiveR.dLL
3740

Подозреваю, что очередной баг блочной модели того самого браузера, хотя может я затупил :rolleyes:

Есть меню: 


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">



<html>

<head>

	<title>Трабл</title>

	<style>

ul.menu {

  list-style: none;

  text-align:left;

  background:#fff;

  width:200px;

}

ul.menu a {

  font-size:0.9em;

  line-height:1.7em;

  color:#fff;

  text-decoration:none;

  margin:0 0 0 7px;

  display:block;

}

ul.menu li {

  margin:1px 0 1px 0;

  background:#0f3f0d;

  border-left:4px solid #ff6000;

}

	</style>

</head>



<body>



<ul class="menu">

	<li><a href="/">Раз</a></li>

	<li><a href="/">Два</a></li>

	<li><a href="/">Три</a></li>

	<li><a href="/">Четыре</a></li>

	<li><a href="/">Пять</a></li>

</ul>



</body>

</html>

Хочется, чтобы отображалось так(как в FF и O):

[ATTACH]7739[/ATTACH]

Но IE почему-то добавляет отступы и выглядит это так :no:

[ATTACH]7741[/ATTACH]

gif ff.gif
gif ie.gif
S
На сайте с 13.07.2007
Offline
56
solnikolay
#1

Гм, а зачем display:block; ?

Дмитрий
На сайте с 23.08.2006
Offline
222
Дмитрий
#2

В ul.menu a добавьте width:100%

Разрабатываю и автоматизирую на php http://jonnyb.ru/
dkameleon
На сайте с 09.12.2005
Offline
386
dkameleon
#3

С подобным пару раз встречался. Причину не всегда удавалось установить. Боролся так:

ul.menu li {
  margin: 1px 0 1px 0;
  background: #0f3f0d;
  border-left: 4px solid #ff6000;
  padding: 0;
  border-bottom: 1px solid #0f3f0d;
}

ПС. Хоть вариант JonnyB лучше :)

Дизайн интерьера (http://balabukha.com/)
dRiveR.dLL
На сайте с 25.09.2006
Offline
79
dRiveR.dLL
#4
JonnyB:
В ul.menu a добавьте width:100%

Мне кажется, что я уже все перепробовал и то что Вы посоветовали - в том числе. Но нет же, сработало и прям аж не знаю, расстраиматься, что я так туплю или радоваться, что проблема таки решена :) Огромное спасибо!

Происходит отображение только главной ZipWap.ru: монетизация всего мобильного Сильное обновление Гугл. Часть
mxp100
На сайте с 20.12.2006
Offline
49
mxp100
#5

тоже хотел сказать про width: 100%

но не успел ;)

S
На сайте с 13.07.2007
Offline
56
solnikolay
#6

Можно было и display:block убрать.

dRiveR.dLL
На сайте с 25.09.2006
Offline
79
dRiveR.dLL
#7
solnikolay:
Можно было и display:block убрать.

При отображении inline, вторая строка будет вплотную прижата к левому краю, а моей задумке это не соответсвует.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий