pouya saadeghi
Active Member
سلام دوستان.
مشکل من اینه :
تو صفحه 2تا DIV کنار هم گذاشتم که میخوام پهنای هردوتاشون به درصد باشه ( 30% و 69.9% )
هردوتا Float:Right هستند. محتوای Div سمت راست 2خط متنه . ولی ارتفاع محتوای Div سمت چپ مشخص نیست (که ممکنه 2 خط باشه یا شاید 20 خط باشه)
کد HTML/CSS:
(در کد بالا ارتفاع دو تا Div با هم فرق میکنه...)
خوب ، حالا اگه بخوام به Div ها ارتفاع بدم تا ارتفاع هردوتا یکی بشه، مثل حالت زیر:
کد CSS تگ های a و b:
حالا اگه متن داخل Div سمت چپ بیشتر بشه(مثلا دو برابر) اونوقت در IE6 و Opera ارتفاع باکس سمت چپ به اندازه متن زیاد میشه
ولی در FireFox و Chrome ارتفاع هر دو باکس مساوی میمونه و متن Div سمت چپی از باکس بیرون میزنه....
حالا اگه بخوام با زیاد شدن متن Div سمت راست ، ارتفاع هر دوتا Div به صورت یکسان (و به اندازه متن) زیاد بشه چیکار باید بکنم؟
(البته در همه مرورگرها)
لطفا راهنماییم کنید که چجوری ارتفاع Div ها رو یکسان کنم؟...
مشکل من اینه :
تو صفحه 2تا DIV کنار هم گذاشتم که میخوام پهنای هردوتاشون به درصد باشه ( 30% و 69.9% )
هردوتا Float:Right هستند. محتوای Div سمت راست 2خط متنه . ولی ارتفاع محتوای Div سمت چپ مشخص نیست (که ممکنه 2 خط باشه یا شاید 20 خط باشه)
کد HTML/CSS:
HTML:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>title</title>
<style type="text/css">
body{margin:0; padding:0}
#a{
width:30%;
float:right;
background:#CCC;}
#b{
width:69.9%;
float:right;
right:30%;
background:#999;}
</style>
</head>
<body>
<div id="a">matne samte rast<br>matne samte rast</div>
<div id="b">matne samte chap - matne samte chap - matne samte chap - matne samte chap - matne samte chap - matne samte chap - matne samte chap - matne samte chap - matne samte chap - matne samte chap - matne samte chap - matne samte chap - matne samte chap - matne samte chap - matne samte chap - matne samte chap - matne samte chap - matne samte chap - matne samte chap - matne samte chap - matne samte chap - matne samte chap - matne samte chap - matne samte chap - matne samte chap - matne samte chap - matne samte chap - </div>
</body>
</html>(در کد بالا ارتفاع دو تا Div با هم فرق میکنه...)
خوب ، حالا اگه بخوام به Div ها ارتفاع بدم تا ارتفاع هردوتا یکی بشه، مثل حالت زیر:
کد CSS تگ های a و b:
HTML:
#a{
width:30%;
float:right;
background:#CCC;
height:8em;}
#b{
width:69.9%;
float:right;
right:30%;
background:#999;
height:8em;}ولی در FireFox و Chrome ارتفاع هر دو باکس مساوی میمونه و متن Div سمت چپی از باکس بیرون میزنه....
حالا اگه بخوام با زیاد شدن متن Div سمت راست ، ارتفاع هر دوتا Div به صورت یکسان (و به اندازه متن) زیاد بشه چیکار باید بکنم؟
(البته در همه مرورگرها)
لطفا راهنماییم کنید که چجوری ارتفاع Div ها رو یکسان کنم؟...
