Фон списка внутри абзаца отличается от фона абзаца

[kuraga]

Привет!

ul, ol, li {
  margin: 10px;
  padding: auto;
}

#right #content p {
  text-align: justify;
  margin-top: 15px;
  padding: 15px 100px 15px 15px;
  line-height: 1.5;
  background: #eee;
}

#right #content p:hover {
  background-color: #cce;
  color: #444;
}

#right #content p:first-letter {
  font-size: 160%;
  font-weight: bold;
  color: #c11;
}

Абзацы выходят нужного фона, но фон у списков в абзацах белый. В чем дело?

[zSpx]

А что мешает посмотреть инспектором, как задается фон спискам?

[SelenIT]

у списков в абзацах

А в абзацах ли? Посмотрите DOM страницы файрбагом ("стрекозой", "инструментами разработчика" и т.п.) — наверняка удивитесь. А потом внимательнее присмотритесь к описанию тега <p> в спецификациях...

[zSpx]

у списков в абзацах

Страничку не обновил.

Edited October 19, 2011 by zSpx

[kuraga]

у списков в абзацах

А в абзацах ли? Посмотрите DOM страницы файрбагом ("стрекозой", "инструментами разработчика" и т.п.) — наверняка удивитесь. А потом внимательнее присмотритесь к описанию тега <p> в спецификациях...

http://molclub.ru/2011-10-13

В абзацах. А спецификациях не знаю что смотреть. Иначе бы не спрашивал.

[Быколай]

http://molclub.ru/2011-10-13

В абзацах. А спецификациях не знаю что смотреть. Иначе бы не спрашивал.

батюшки... сперва сюда. когда осмыслите почему происходят эти ошибки и как их исправить, тогда появиться смысл задавать вопросы.

[Undead_46]

вообще то у вас список не в <p> то и фона соответственно нет.

решение добавить тег <p> к нумерованному списку или поставить фон в тег <ol>

[zSpx]

The P element represents a paragraph. It cannot contain block-level elements (including P itself).

Элемент Р представляет собой параграф. Он не может содержать другие блочные элементы (включая другие Р).

Т.е. как только клиент в параграфе встречает блочный элемент(в вашем случае ol), он этот параграф закрывает, далее отрисовывается этот самый элемент (ol), потом рисует еще 1 параграф (т.к. обнаруживает закрывающий P). На вашей страничке все именно так.

Edited October 19, 2011 by zSpx

[kuraga]

The P element represents a paragraph. It cannot contain block-level elements (including P itself).

Элемент Р представляет собой параграф. Он не может содержать другие блочные элементы (включая другие Р).

Т.е. как только клиент в параграфе встречает блочный элемент(в вашем случае ol), он этот параграф закрывает, далее отрисовывается этот самый элемент (ol), потом рисует еще 1 параграф (т.к. обнаруживает закрывающий P). На вашей страничке все именно так.

Вот это и спрашивал, спасибо!!!

А про валидацию, разумеется, верно. Но было видно, что дело не в этом...

Edited October 19, 2011 by kuraga

[SelenIT]

Всегда при подобных проблемах смотрите итоговую DOM, которую строит браузер. Она может сильно отличаться от того, что написано в коде. Особенно для элементов с опциональным закрывающим тегом, как в этом случае. HTML — это не XML, где можно вкладывать что угодно во что угодно, лишь бы порядок закрытия тегов сошелся.