آیدین
Member
با درود،
مشکلی در شناور کردن عناصر لیست دارم. میخوام عناصر یک لیست رو به صورت افقی طوری قرار بدم که با کوچک کردن عرض صفحه به جای اینکه زیر هم قرار بگیرن باعث scroll شدن افقی صفحه یا div حامل‌شون بشن. عرض صفحه یا div رو نمیخوام ثابت کنم چون تعداد عناصر لیست متغیره.
به عبارت دیگه میخوام یک div داشته باشم که عرضش همیشه به اندازه‌ی تعداد عناصر لیست باشه که به طور افقی کنار هم می‌ایستن.
بدیهی‌ست که خاصیت overflow هیچ کمکی نمیکنه.
مشکلی در شناور کردن عناصر لیست دارم. میخوام عناصر یک لیست رو به صورت افقی طوری قرار بدم که با کوچک کردن عرض صفحه به جای اینکه زیر هم قرار بگیرن باعث scroll شدن افقی صفحه یا div حامل‌شون بشن. عرض صفحه یا div رو نمیخوام ثابت کنم چون تعداد عناصر لیست متغیره.
به عبارت دیگه میخوام یک div داشته باشم که عرضش همیشه به اندازه‌ی تعداد عناصر لیست باشه که به طور افقی کنار هم می‌ایستن.
بدیهی‌ست که خاصیت overflow هیچ کمکی نمیکنه.
HTML:
#holder {
position:relative;
background-color:#CCCCCC;
}
#holder ul {
margin:0px;
padding:0px;
list-style:none;
}
#holder ul li {
margin:0px 10px 0px 10px;
padding:0px;
text-align:center;
float:left;
}
HTML:
<div id="holder">
<ul>
<li>a
<ul>
<li>b00</li>
<li>b01</li>
<li>b02</li>
<li>b03</li>
<li>b04</li>
<li>b05</li>
<li>b06</li>
<li>b07</li>
<li>b08</li>
<li>b09</li>
<li>b10</li>
<li>b11</li>
<li>b12</li>
<li>b13</li>
<li>b14</li>
<li>b15</li>
<li>b16</li>
<li>b17</li>
<li>b18</li>
<li>b19</li>
</ul>
</li>
</ul>
</div>
