В настоящее время я изучаю ошибку в шаблоне, используемом в http://www.ecovivo.be/rubriek/food.
Проблема:
При посещении ссылки вы увидите большое плавающее изображение с содержанием справа. Теперь все это прекрасно работает. Но после активации list-style-type список изображений / чисел обрезается вместе с изображением, тогда как текст корректно экранируется. Нормальное поле и отступ не будут работать, поскольку элементы ol и li растянуты по ширине за изображением.
Если кто-то сталкивался с этой или подобной проблемой, пожалуйста, предоставьте некоторую информацию.
Я пробовал:
- Плавающий li / ol
- Различные сочетания «отображения» как на изображении, так и в списке.
- Переполнение и масштабирование хаков
Факты:
- Работает на Drupal.
- Содержимое div.content генерируется редактором WYSIWYG.
Поэтому, пожалуйста, не комментируйте, насколько плох HTML.
В целях отладки я изменил следующее:
- Установите непрозрачность плавающего изображения на 50%, чтобы показать границы ol и li.
- Элементы ol и li имеют левую границу для иллюстрации размера.