رفتن به مطلب

1tarah

عضو سایت
  • تعداد ارسال‌ها

    110
  • تاریخ عضویت

  • آخرین بازدید

  • روز های برد

    4

نوشته‌ها ارسال شده توسط 1tarah

  1. دوراه پیدا کردم :

    اولی :


    .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>

  2. سلام

    من میخوام ستون های سایتم رو مطابق با ستون وسط سایت که ثابت نیست و بسته به میزان نوشته و پست heightش مشخص نیست یکی بشه.

    حالا میخواد محتواش کمترم باشه که باشه.

    مثل شکل زیر. ستون سمت چپ رو میخوام که موازی ستون وسط هست. هرچی ستون وسط بلند بشه ستون سمت چپ هم بلند میشه.

    قبلا ممنون.

    up2eak3o8658qiqs51f.jpg

    • امتیاز 1
×
×
  • اضافه کردن...