1tarah 94 ارسال شده در مرداد 92 گزارش بازنشر ارسال شده در مرداد 92 سلاممن میخوام ستون های سایتم رو مطابق با ستون وسط سایت که ثابت نیست و بسته به میزان نوشته و پست heightش مشخص نیست یکی بشه.حالا میخواد محتواش کمترم باشه که باشه.مثل شکل زیر. ستون سمت چپ رو میخوام که موازی ستون وسط هست. هرچی ستون وسط بلند بشه ستون سمت چپ هم بلند میشه.قبلا ممنون. 1 نقل قول لینک به ارسال
اشکان 1989 ارسال شده در مرداد 92 گزارش بازنشر ارسال شده در مرداد 92 (ویرایش شده) میتونید خاصیت height رو به صورت درصد بدین به این شکل:.test{height:90%;}البته اگه میخواین قابل تغییر باشه.هر دو رو یه استایل بدین که وقتی یکی استایلش تغییر کرد اونم تغییر کنه. ویرایش شده مرداد 92 توسط اشکان 4 نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در مرداد 92 گزارش بازنشر ارسال شده در مرداد 92 راه که زیاد داره این سه راه به عنوان نمونه اول با جی کوئری :header.php<script src="http://code.jquery.com/jquery-latest.js"></script>style.css .sidebars {width:250px;margin:0px 10px;padding:5px;background:#0099CC}#sidebar1 {float:left;}#sidebar2 {float:right;}#content {background:#FF6600;margin:10px 285px 10px;;padding:5px;}و در index.php,single.php , page.php, archives.php (هرجا سایدبار داره <div id="sidebar1" class="sidebars"> ستون کناری1</div><div id="sidebar2" class="sidebars"> ستون کناری2</div><div id="content"> حلقه مطالب</div>jquery:<script type="text/javascript">$(document).ready(function () {var height = $("#content").height();$(".sidebars").height(height);});</script>روش دوم با css در style.cc#page {height:auto;position:relative;}.sidebars {width:250px;position:absolute;bottom:0px;top:0px;zoom:1;background:#0099FF;}#content {background:#FF6600;margin:10px 300px;}.sidebars#sidebar1 {right:10px;}.sidebars#sidebar2 {left:10px;}ساختار صفحات<div id="page"><div id="sidebar1" class="sidebars"> ستون کناری1</div><div id="sidebar2" class="sidebars"> ستون کناری2</div><div id="content"> حلقه مطالب</div></div>روش سوم table <table cellpadding="10" cellspacing="0" style="width: 100%;direction: rtl"><tr> <td style="background:maroon">ستون کناری 1</td> <td style="background:#009933;width:60%">حلقه مطالب</td> <td style="background:orange">ستون کناری2</td></tr></table> 6 نقل قول لینک به ارسال
1tarah 94 ارسال شده در مرداد 92 مالک گزارش بازنشر ارسال شده در مرداد 92 فکر کنم آقا ایمان منظور من رو درست متوجه نشدمشاید به قول دوستمون اگه با درصد کار کنم درست بشه. هنوز فرصت نکردم چک کنم نقل قول لینک به ارسال
اشکان 1989 ارسال شده در مرداد 92 گزارش بازنشر ارسال شده در مرداد 92 فکر کنم آقا ایمان منظور من رو درست متوجه نشدمشاید به قول دوستمون اگه با درصد کار کنم درست بشه. هنوز فرصت نکردم چک کنمدوست عزیز کار آقا ایمان حرف نداره شما یکم دقت کن مشکلت حل میشه. 1 نقل قول لینک به ارسال
1tarah 94 ارسال شده در مرداد 92 مالک گزارش بازنشر ارسال شده در مرداد 92 (ویرایش شده) دوست عزیز کار آقا ایمان حرف نداره شما یکم دقت کن مشکلت حل میشه.ما چاکر آقا ایمانم هستیماز پست جامعی که زدن مشخصه. در ضمن من ایشون رو میشناسم چشم. ما دقت میکنیم ویرایش شده مرداد 92 توسط 1tarah 1 نقل قول لینک به ارسال
1tarah 94 ارسال شده در مرداد 92 مالک گزارش بازنشر ارسال شده در مرداد 92 دوراه پیدا کردم :اولی :.container { overflow: hidden;}.column1 { float: left; margin: 20px; background-color: grey; padding-bottom: 1000px; margin-bottom: -1000px;}.column2 { float: left; margin: 20px; background-color: grey; padding-bottom: 1000px; margin-bottom: -1000px;}.column3 { float: left; margin: 20px; background-color: grey; padding-bottom: 1000px; margin-bottom: -1000px;}...<div class="container"><div class="column1">column1</div><div class="column2">column2<br/>column2<br/>column2<br/>column2</div><div class="column3">column3</div></div>راه دوم :#col1 { float:left; width:26%; position:relative; left:72%; overflow:hidden; background-color:#ccc; margin:10px;}#col2 { float:left; width:36%; position:relative; left:76%; overflow:hidden; background-color:#ccc; margin:10px;}#col3 { float:left; width:26%; position:relative; left:80%; overflow:hidden; background-color:#ccc; margin:10px;}....<div id="col1">Column 1<br />Column 1<br />Column 1<br />Column 1<br />Column 1<br /></div><div id="col2">Column 2</div><div id="col3">Column 3</div></body> نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در مرداد 92 گزارش بازنشر ارسال شده در مرداد 92 روش اول شما که اشتباهه چون اگر سایدبار بزرگتر از حلقه ها بشه مخفی می شه و کلا تا 1000 پیکسل هم بیشتر پیش بینی نشدهروش دوم هم ربطی به ارتفاع نداشت شما با روش درصدی که اشکان عزیز فرمودند پهنا را تعریف کردید نه ارتفاع را نمونه روش اولی که عرض شد: http://jsfiddle.net/qkXet/همان نمونه در حالت عادی http://jsfiddle.net/qkXet/1 3 نقل قول لینک به ارسال
1tarah 94 ارسال شده در مرداد 92 مالک گزارش بازنشر ارسال شده در مرداد 92 (ویرایش شده) http://jsfiddle.net/ZKbHE/ ویرایش شده مرداد 92 توسط 1tarah نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در مرداد 92 گزارش بازنشر ارسال شده در مرداد 92 اینجا نگاه بر اینه که قالب بسته است ولی اگر قرار باشه از بیس نوشته شه طبیعی ترین راهش table است ضمن اینکه اول هم عرض شد راه زیاده http://jsfiddle.net/ZKbHE/1/ 2 نقل قول لینک به ارسال
1tarah 94 ارسال شده در مرداد 92 مالک گزارش بازنشر ارسال شده در مرداد 92 درستهولی خب table استاندارد نیست.ممنون آقا ایمان از وقتی که گذاشتید. نقل قول لینک به ارسال
Morteza 34190 ارسال شده در مرداد 92 گزارش بازنشر ارسال شده در مرداد 92 ولی خب table استاندارد نیست.table کاملا استانداردهچه کسی گفته استاندارد نیست؟!! 1 نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .