tab control

[alighorbanip]

با سلام
من یه تب کنترل ساختم فقط تنها مشکلی که دارم اینه که در قسمت content هر مطلبی که گذاشته میشه با توجه به اندازش، به صورت افقی کوچک و بزرگ میشه در ضمن width=100% هم گذاشتم. کد css رو براتون میذارم اگه ممکنه کمک کنید.

.tabs-container { float:right; width:100%; margin:0px 0px 20px; padding:0px; clear:both; }
ul.tabs-frame { float:right; margin:0px 0px 0px 2%; padding:0px; width:100%; }
ul.tabs-frame li { float:right; display:inline; margin:0px 10px 0px 0px; padding:0px; }
ul.tabs-frame li a { border:1px solid #d9d9d9; border-top:3px solid #d9d9d9; border-bottom:0px; float:right; margin:0px; padding:0px 20px; background:#ededed; text-align:center; font-size:14px; font-weight:bold; color:#333334; line-height:40px; }
ul.tabs-frame li a.current { background:#ffffff; color:#333334; border-bottom:0px; position:relative; z-index:1; }

.tabs-frame-content { background:#ffffff; border:1px solid #d9d9d9; line-height:20px; float:right; clear:both; width:100%; margin:-1px 0px 0px; padding:25px 5% 15px; }

[Omid Jackson]

من متوجه نشدم جریان چیه ولی overflow رو امتحان کردین؟

overflow:auto;
و اینکه کد اصلا خوانا نیست، نامرتبه

[alighorbanip]

من میخوام عرضش 100% باشه مثلا اگه متنش کوچیک باشه کادر کوچیک نشه

[Omid Jackson]

خب شما پیکسل بزنین! وقتی از درصد استفاده میکنین بسته به موقعیت تغییر حالت میده ولی اگر پیکسل باشه دیگه همیشه ثابت هستش

[tadayoni]

اگر میخواید وقتی متن کوچیک بود اندازه کوچیکتر از یه سایزی نشه باید از min-height استفاده کنید . بوسیله این دستور تو CSS میتونید مشخص کنید که حداقل ارتفاع آیتم چقدر باشه