دو ستونه با شرایط خاص

[fazel-d]

من یه div دارم که headerو content و footer داخلش قرار داره و هر سه انها دارای خاصیت border هستند و هیچ گونه margin ای بین انها وجود ندارد.

سوالم در مورد content هست. در داخل content یک منو و یک محتوا قرار داره که هر یک از آنها به طور جداگانه در داخل divهای مجزایی قرار می گیرن و هحچنین طول منو و طول محتوا متغییر هست مثلا 100px تا 500px. حالا می خوام این menu و محتوا طوری در داخل content قرار بگیرن که border مربوط به content همچنان به border مربوطبه footer چسبیده باشد. یعنی طول content برابر با طول بزرگترین (محتوا یا منو) باشد.

من اینکار را با float:right کردن منو انجام دادم ولی وقتی طول منو از محتوا بزرگتر می شه، ونوقت منو از content بیرون می زنه. محتوا با خاصیت display:inline; ست شده

[bahman_akbarzadeh]

منم تو اين وب سايت آخريم كه لينكشو پايين گذاشتم، به اين مشكل خوردم و كچلم كرد، اما حل نشد.
در نهايت از jQuery براي اين كار استفاده كردم.

[fazel-d]

راه باید ساده تر از این حرفا باشه. اصلا باید بشه با همون CSS ردیف کرد.

به نظر شما نمیشه 2 تا div رو که ارتفاع متغییر دارن رو داخل یک div قرار داد به طوری که ارتفاع div والد ارتفاعی برابر با بزرگترین ارتفاع div فرزندان داشته باشد؟