[HTML CSS] div внутри li

pitrik2

Опера, Лиса, ИЕ - все показывают разное
то что я хочу показывает Лиса
Опера размещает два дива рядом правильно, но накладывает дивы на <li>
ИЕ накладывает дивы на <li> и к тому же размещает блоки один под другим, а не рядом
что можно с этим поделать?
<style type="text/css">

.topicsSubj {

  margin: 0;

  padding: 0 15 0 0;

  background-color:#eeffff;

  width:40%

}

.topicsSubj ul {

  padding-left: 25px;

  margin-left: 0px;

}

.topicsSubj li {

  list-style-type: disc; color: #000000;

  margin: 5 0 5 0;

  padding: 0;

  display:list-item;

}

.topicsSubj .objId {

  font-weight: bolder;

  float:left;

  width:40px;

}

.topicsSubj .objSubj{

  font-weight: bolder;

  margin-left:40px

}

</style>

<div class="topicsSubj">

<ul>

   <li><div class="objId">1111</div><div class="objSubj"><a href="?">Long text.

       Long text. Long text. </a></div></li>

   <li><div class="objId">1111</div><div class="objSubj"><a href="?">Long text.

       Long text. Long text. Long text. </a></div></li>

   <li><div class="objId">1111</div><div class="objSubj"><a href="?">Long text.

       Long text. Long text. Long text. Long text. </a></div></li>

   <li><div class="objId">1111</div><div class="objSubj"><a href="?">Long text.

       Long text. Long text. Long text. Long text. Long text. </a></div></li>

   <li><div class="objId">1111</div><div class="objSubj"><a href="?">Long text.

       Long text. Long text. Long text. Long text. Long text. Long text.

       Long text. </a></div></li>

   <li><div class="objId">1111</div><div class="objSubj"><a href="?">Long text.

       Long text. Long text. Long text. Long text. Long text. Long text.

       Long text. Long text. </a></div></li>

</ul>

</div>

stat7819605

Порпобуй единицы измерения везде поставить. Опера, вроде, к этомум требовательнее относится чет FF.

stat7819605

У меня кста и опера и ФФ показывают одно и тоже, все вроде норм, а вот ИЕ как ты говоришь.

pitrik2

у меня 9 опера
возможно поэтому...
но если 8 показывает ОК, то это даже здорово
для ИЕ можно будет CSS HACK сделать
вот токо как для ИЕ это заточить?

stat7819605

topicsSubj { margin: 0px; padding: 0px 15px 0px 0px; background-color:#eeffff; width:40%}
.topicsSubj ul { padding-left: 25px; margin-left: 0px;}
.topicsSubj li { list-style-type: disc; color: #000000; margin: 5px 0px 5px 0px; padding: 0px;}
.topicsSubj .objId { font-weight: bolder; display: inline; width:40px;}
.topicsSubj .objSubj{ margin-top: -20px;font-weight: bolder; margin-left:40px; border: 1px dotted red;}

С таким стилем у меня везде норм поразывает.

korsar0156

 .topicsSubj .objSubj{ margin-top: -1em;font-weight: bolder; margin-left:40px; border: 1px dotted red;}

pitrik2

-1em в данном случае не канает, наверна потому что там болдер фонт

pitrik2

С таким стилем у меня везде норм поразывает.
везде кроме ИЕ
в нем первый див наезжает на кружочки от LI
видимо ИЕ не считает LI за элемент
зачем нужно было первому диву указывать display:inline ?
в данном случае это же ничего не изменит
действительно, что-то я сразу не сообразил, что можно вместо float:left воспользоваться отрицательным margin
впервые слышу, что когда пишешь "margin:5 0 5 0" нужно указывать px
кажись в спецификации написано, что не нужно, хотя может я ошибаюсь
последние два margin лучше объединить в один: "margin: -20 0 0 40;"

pitrik2

АААА
виноват
забыл что ИЕ не понимает комментарии
была строчка:
// float: left
когда стер ее, то в ИЕ тоже все заработало
УРАААА
всем спасибо!

artimon

В CSS указание единиц измерения обязательно!

kruzer25

впервые слышу, что когда пишешь "margin:5 0 5 0" нужно указывать px
кажись в спецификации написано, что не нужно, хотя может я ошибаюсь
Лол.
Покажи мне, где в спецификациях написано, что можно не указывать единицы измерения, и что в этом случае будет считаться, что единица измерения - пиксель.
Без указания единицы измерения можно писать только 0.

pitrik2

да я уже нашел что я ошибался
Оставить комментарий
Имя или ник:
Комментарий: