شكسته شدن محتواي div با كوچك شدن صفحه [بایگانی]

Milad Mohseny

یک شنبه 20 اردیبهشت 1388, 12:32 عصر

با سلام خدمت دوستان عزيز
من ميخواهم با چند div كه float آنها right هست چند گزينه به كاربر نمايش دهم و اينكه گزينه ها به صورت كامل نمايش داده شوند، از هر روشي كه استفاده ميكنم(div,ul,li,...) محتواي div ها با كوچك شدت صفحه شكسته ميشوند عكس ضميمه 1. چجوري ميشه با كوچك شدن صفحه اگر محتواي div كامل قابل نمايش بود كه هيچ اگر نه كل div را در خط بعد نمايش دهد مثل عكس ضميمه 2.

<div class="div_Contain">
<div class="div_Ans">
<div class="div_Cell">
کارمند دولتی<input id="chk_115" type="checkbox" /></div>
<div class="div_Cell">
کارمند بخش غیر دولتی<input id="chk_116" type="checkbox" /></div>
<div class="div_Cell">
شغل آزاد یا خویش فرما<input id="chk_117" type="checkbox" /></div>
<div class="div_Cell">
کاربدون مزد<input id="chk_118" type="checkbox" /></div>
<div class="div_Cell">
دانش آموز یا دانشجو<input id="chk_119" type="checkbox" /></div>
<div class="div_Cell">
سرباز<input id="chk_120" type="checkbox" /></div>
<div class="div_Cell">
خانه دار<input id="chk_121" type="checkbox" /></div>
<div class="div_Cell">
باز نشسته<input id="chk_122" type="checkbox" /></div>
<div class="div_Cell">
بیکار (قادر به کارکردن است)<input id="chk_123" type="checkbox" /></div>
<div class="div_Cell">
بیکار(دارای ناتوانی است ونمی تواند کارکند)<input id="chk_124" type="checkbox" /></div>
<div class="div_Cell">
سایر مشاغل<input id="chk_125" type="checkbox" /></div>
<div class="div_Cell">
نمیداند یا مایل به پاسخ دادن نیست<input id="chk_126" type="checkbox" /></div>
</div>
</div>
CSS:

.div_Contain
{
text-align: right;
font-size: 14px;
width: 100%;
margin-top: 5px;
}

.div_Ans
{
padding: 1px 5px 5px 5px;
}

.div_Cell
{
float: right;
padding-left: 20px;
}

با تشكر

jaza_sa

چهارشنبه 23 اردیبهشت 1388, 16:06 عصر

اگر دقت کرده باشی این اشکالی که میگی فقط در IE می افته ، پس باید کاری کنی که IE از استاندار طبعیت کنه تا اینطور مشکلات پیش نیاد
برای اینکار این کد رو ابتدای صفحه ات اضافه کن :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">