дизайнерская задумка в том, чтобы картинки расположить в специальном окошке с горизонтальным скроллингом, как на картинке во вложении.
Я делаю так:
<div id="imgscroll">
<ul>
<li><img src="…" alt="…" /></li>
<li><img src="…" alt="…" /></li>
…
</ul>
</div>
и так:
#imgscroll {
height: 128px;
overflow: auto;
}
#imgscroll ul {
height: 90px;
width: auto;
}
#imgscroll ul li {
display: inline;
/* float: left; */
padding: 8px;
}
ну и прочие шаманства на эту же тему.
Только вот беда: как ни стараюсь, список не хочет становиться шире родительского элемента, если только не указать ему точную ширину в пикселях. И картинки выстраиваются в две-три строки.
Как тут быть?
