height : 100%

overcrash · Dec 8, 2007

تو کد زیر طول دایو سمت راست ممکن هست زیاد بشه و متغیر هست
میخوام دایو چپ به همان اندازه دایو راست بزرگ شود در حالیکه دایو چپ اطلاعات کمی داره

HTML:

<div >
	<div id="left" style="float:left; background-color: #0000FF;">from left side<br />
		l 1<br />
		l 2</div>
	<div id="right" style="width:500px; background-color: #00FF00;">from right side<br />
		r1<br />
		r2<br />
		r3<br />
		r4<br />
		r</div>
</div>

echessdesign · Dec 8, 2007

ارادتمندم دوست عزیز، می توانید از خصیصه Clear با مقدار Both استفاده کنید:

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>echessdesign.com</title>
<style type="text/css">
body {
	text-align:center;
}
#wrp {
	width:600px;
	background:red;
	margin:0 auto;
}
#left {
	float:left;
	background:yellow;
	width:200px;
}
#right {
	float:right;
	background:orange;
	width:300px;
}
</style>
</head>

<body>

 <div id="wrp">
   
   <div id="left">
   echessdesign.com
   </div>
   
   <div id="right">
   echessdesign.com<br />
   echessdesign.com<br />
   echessdesign.com<br />
   echessdesign.com<br />
   echessdesign.com<br />
   echessdesign.com<br />
   echessdesign.com<br />
   echessdesign.com<br />
   echessdesign.com<br />
   echessdesign.com<br />
   echessdesign.com<br />
   echessdesign.com<br />
   echessdesign.com<br />
   echessdesign.com<br />
   echessdesign.com<br />
   </div>

        <div style="clear:both"></div>

 </div>

</body>

</html>

پاینده باشید.

overcrash · Dec 8, 2007

ارادت داریم. اما این کد شما جواب من نیست
تو کد شما میخوام قسمت زرد رنگ تا پایین اومده باشه یا به عبارت دیگه ارتفاعش برابر قسمت قهوه ای بشه

peyman1987 · Dec 8, 2007

دوست عزیز من با هر ترفندی که بود کار کردم ولی نشد. با جاوااسکریپت هم نمیشه. فقط در صورتی امکان داره که شما به div سمت راست height مشخص بدین. بعدش میشه با جاوااسکریپت کدتون رو ساخت.