[РЕШЕНО] Помогите, уже больше не могу с глюками IE =((

Главные вкладки

Аватар пользователя Dope Skeeza Dope Skeeza 19 февраля 2009 в 0:43

Весь день убиваюсь над вертикальной менюшкой...
Расстояние между кнопками в IE всегда на 1px больше, чем в мозилле =((((

Вот css код:

#sub-buttons a, #sub-buttons a:visited {
-x-system-font:none;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
line-height:normal;
background:transparent url(/images/sub-button-a.jpg) no-repeat scroll;
background-position: top left;
font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size: 10pt;
color:#c3c3c3;
display:block;
margin-bottom: 1px;
padding-top:5px;
padding-left: 32px;
padding-bottom:5px;
text-decoration:none;
width:229px;
}

#sub-buttons a:hover {
background:transparent url(/sub-button-hover.jpg) no-repeat scroll;
background-position: top left;
}

/*Menus*/

ul.menu {
  list-style: none;
  border: none;
  text-align:left;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
}

вот html:

<div id="sub-buttons">
<ul class="menu">
<li class="leaf">
<a title="Тестовый пункт" href="/">Тестовый пункт</a>
</li>
<li class="leaf">
<a title="Другой тестовый пункт" href="/">Другой тестовый пункт</a>
</li>
<li class="leaf">
<a title="Еще тест" href="/">Еще тест</a>
</li>
<li class="leaf">
<a title="Последняя" href="/">Последняя</a>
</li>
</ul>
</div>

Помогите сделать одинаковое растояние между кнопками в обоих браузерах... Я уже отчаялся, честное слово=(((

Может проблема в том что выводится тег li ?
Я бы с радостью обрамил в divы, но мои правки theme.inc не вносятся именно в ЭТУ менюшку. Остальные слушаются, что я сменяю li на div, а эта менюшка как была c li, так и осталась.

Помогайте коллеги.. я в ауте..

Комментарии

Аватар пользователя Stan.Ezersky Stan.Ezersky 19 февраля 2009 в 0:55

Ну а где атрибуты li в вашем css? Отсюда и проблема. У ИЕ есть траблы с обработкой списков, но всё решаемо.

"Dope Skeeza" wrote:
#sub-buttons a, #sub-buttons a:visited {
-x-system-font:none;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
line-height:normal;
background:transparent url(http://www.qstom.ru/images/sub-button-a.jpg) no-repeat scroll;
background-position: top left;
font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size: 10pt; color:#c3c3c3;
display:block;
margin-bottom: 1px;
padding-top:5px;
padding-left: 32px;
padding-bottom:5px;
text-decoration:none;
width:229px; }

да уж...

Аватар пользователя Dope Skeeza Dope Skeeza 19 февраля 2009 в 13:13

"beerman" wrote:
явно css стыреный. отсюда и грабли

А как вы определили что он стыреный?)))) Помоему, CSS вполне поддается критерию схожести на многих сайтах))))
часть я смотрел прямо на drupal.ru, но в качестве поиска хоть какой то подсказки.
Грабли в том, что на мой взгляд самым верным решением было бы заставить парсить мою менюшку в div. Но если бы знать, где копать...

Аватар пользователя beerman beerman 19 февраля 2009 в 18:29

"Dope Skeeza" wrote:
А как вы определили что он стыреный?))))

не поверите, на глаз! Smile попробуйте убедить меня в обратном.