چيدمان div

[lm48390]

با سلام و خسته نباشيد
من چهار تا مي خواهم داشته باشم كه به يكي از سه صورت يا چهارتازيرهم،يا دوتابالادر كنارهم ودوتاپايين در كنارهم و يا چهار تا در يك خط باشند(مانندگزينه هاي سوالات امتحاني )
من با حالت اول مشكلي ندارم. در حالتي كه دوتا ديو در بالاوپايين ميخواهم كد زير را نوشتم

.div2 {
float:right;
min-width:13.25cm;
max-width:13.25cm;
direction:rtl;
overflow:hidden
{

در فايرفاكس تا حدودي درست است ولي در ie7 همه در يك سطح قرار ميگيرند.(گويي كه خاصيت ماكزيمم و مينيم عرض كارساز نيست)
خواهش ميكنم در مورد قرارگرفتن ديوها در حالتهاي فوق راهنماييم كنيد.

[xoogle.ir]

شما 2 تا div بالا رو float به راست بدید. بعد اصطلاحا باید زیرشون رو پاک کنید. یعنی یه کلاس css بسازید به این شکل :



.clear{
clear : both;
}


بعد که از این کلاس استفاده کردید اون 2 تا div دیگه رو قرار بدید. اونها رو هم float به راست کنید که در کنار هم قرار بگیرند.

یعنی کد نهایی شبیه به این میشه.



<div id="d1"></div>
<div id="d2"></div>
<div class="clear"></div>
<div id="d3"></div>
<div id="d4"></div>


این تکنیک خیلی جاها به دردتون میخوره (اکثرا جاهایی که از div های float استفاده کردید.) و توی تمام مرورگر ها هم کار میکنه حتی IE 5.5 !!!

[lm48390]

با سلام و احترام
از پاسخ شما دوست گرامي ممنون. همانطور كه راهنمايي كرديد دوتا ديو در قسمت بالا و دو تاديو در قسمت پايين قرارگرفتند. ولي چرا max-width و min-width عمل نكردند و عرض به اندازه همان محتويات درون ديو است. در حالي كه مشخص كرده ام كه محتويات مينيم اندازه مثلا 13 باشد.

.div2 {
float:right;
min-width:13.25cm;
max-width:13.25cm;
direction:rtl;
overflow:hidden;

{

[hamiii]

max-width و min-width توسط 7,ie6 پشتیبانی نمیشن. مرورگر شما چیه؟

[lm48390]

با سلام
مرورگر من ie6 است . ميدانم كه مرورگزهاي ديگري مثل Firefox خاصيت Min-width و Max-width را پشتباني ميكند ولي اگر من برنامه اي جامعي ميخواهم بنويسم و با فرض اينكه نمي دانم كاربر از چه مرورگري استفاده مي كند راهكار چيست ؟
با تشكر

[binyaft]

http://www.bramstein.com/projects/jsizes/
http://plugins.jquery.com/plugin-tags/max-width