افزایش ارتفاع ستون ها به صورت همزمان

[salmah]

باسلام
قالب سایت من دوتا ستون داره حالا میخوام هروقت height ستون سمت چپ افزایش یافت ستون راست هم افزایش ارتفاع به همون مقدار داشته باشه
برای هر دو ستون هم min-height برابر در نظر گرفتم

[دانیال دزفولی]

یعنی میخوای ستون چپ و راستت ارتفاعشون یکی باشه؟

[salmah]

یعنی میخوای ستون چپ و راستت ارتفاعشون یکی باشه؟
بله .
چون ستون سمت راست توی بعضی صفحات افزایش پیدامیکنه

[دانیال دزفولی]

خوب ممکنه یک جا ارتفاعش کم بیاد - میشه کد رو بدید ممکنه مشکل جای دیگه ای باشه راحت تر بشه حلش کرد

[salmah]

با تشکراینم کل کد. که منم میخوام ارتفاعrightوcontentبه یه اندازه افزایش داشته باشن
مثلا اگه contentارتفاع اش 200افزایش داشتright همین مقدار زیاد بشه



body{
background-image:url(../images/pattern.png);
background-attachment:fixed;
background-repeat:repeat;

}

#header{
width:970px;
height:194px;
background-image:url(../images/headerslimi.gif);

}

#main{
width:970px;
height:800px;
background-color:#F93;
margin:auto;
background-color:#009;
}


#right{
width:300px;
height:800px;
background-image:url(../images/v119.gif);
background-color:#2F82DD;
float:right;
}
#content{
width:670px;
height:800px;
background-image:url(../images/v130.gif);
background-color:#999;

[دانیال دزفولی]

خوب چرا میخواید ؟؟

اصلا ارفتاع رو برابر با inherit بذارید و پوزیشن رو ریلیتیو

[2undercover]

شما یا باید از Javascript استفاده کنید یا از جدول.

مثال با استفاده از جدول (http://codepen.io/2undercover/pen/miBoA) (با استفاده از display: table و display: table-cell)
مثال با استفاده از JS (http://codepen.io/2undercover/pen/exEAo)

[magicall]

با سلام شما میتونید از خاصیت display : cell; هم استفاده کنید که تا با div ها مانند سلول های جدول رفتار بشه

[2undercover]

دیروز سایت Tuts Webdesign یک پست در همین رابطه نوشته بود که از یک راه جالب دیگه استفاده کرده بود، که خوندنش خالی از لطف نیست.

Quick Tip: Solving the Equal Height Column Conundrum (http://webdesign.tutsplus.com/tutorials/quick-tip-solving-the-equal-height-column-conundrum--cms-20403)