راهنمایی ::: مشکل در افزایش ارتفاع تگ div ...

[mohan21]

با سلام

من میخوام دو ستونی که با تگ div ایجاد کردم رو به هم دیگه مرتبط کنم یعنی ستون سمت راست(2) با توجه به ستون سمت چپ(1) افزایش ارتفاع داشته باشه ...

من هر کاری کردم نتونستم به نتیجه برسم و در حال حاضر بصورت زیر نمایش داده میشه :

میخوام بصورت زیر بشه ...

 

[echessdesign]

درود بر شما
روش های بسیاری در انجمن توضیح و بحث شده است.
نمونه ساده:

<div style="background:red">
	<div style="float:left; background:green;">acasc<br />acasc<br />acasc<br />acasc<br />acasc<br />acasc<br />acasc<br />acasc<br />acasc<br />acasc<br /></div>
	sssssssssssssssss
	<div style="clear:both"></div>
</div>

 

[mohan21]

با سلام و تشکر از شما دوست عزیز ...

من دوتا DIV در کنار هم دارم که میخوام ارتفاع هر دو با هم دیگه مرتبط باشه ....

که میشه کد زیر :

<div style="background: red; width: 270px">

<div style="float:left; background:green; width: 150px; color: #ffffff ; padding:5px">
acasc<br />acasc<br />acasc<br />acasc<br />acasc<br />acasc<br />acasc<br />acasc<br />acasc<br />acasc<br />
</div>

<div style="float: right; background: blue; width: 100px; color: #FFFF00 ; padding:5px">
ujhjhjghjhgj
</div>

</div>

خوب من میخوام قسمت آبی به اندازه قسمت سبز افزایش ارتفاع داشته باشه تا هم ارتفاع بشوند ....

 

[mohan21]

کسی برای راهنمایی نیست ؟؟؟؟

 

[E-Boy]

سلام دوست عزیز .
خسته نباشید .
فکر کنم آقای سعیدی عزیز جواب شما رو دادن .
کد زیر رو به بلوک سمت راست اضافه کنید :

style="clear:both"

موفق باشید .

 

[mohan21]

با سلام و تشکر

امّا این عمل نمیکنه ...

آیا شما این کار رو انجام داده اید ؟؟

من انجام دادم نتیجه ایی نداد ...

راهنماییییییییی ....

 

[E-Boy]

سلام دوست عزیز .
من قبلا همین مشکل شما رو داشتم .
حدود دو سال پیش با این کد کارم راه افتاد و تونستم این کار رو انجام بدم .
در کل کاربرد این کد اینه .
Clear : برای مشخص کردن نحوه شناور شدن عناصر در یک یا هر دو طرف یک عنصر دیگر به کار می رود .
من کد رو چند بار امتحان کردم .
حداقل در فایر فاکس که کار می کرد .
دوباره چک کنید شاید کار کنه .
موفق باشید .

 

[mohan21]

نمیشه، نشد نشد ....

این هم کد :

<div style="background: #CC0033; width: 270px; height: 350px">

<div style="float: right; background: blue; width: 100px; color: #FFFF00; padding: 5px; clear: both">
ujhjhjghjhgj
</div>

<div style="float:left; background:green; width: 150px; color: #ffffff ; padding:5px">
acasc<br />acasc<br />acasc<br />acasc<br />acasc<br />acasc<br />acasc<br />acasc<br />acasc<br />acasc<br />
</div>

</div>