Help with 3 Columns…

  • Greetings all.
    I was wondering if anyone can help troubleshoot this one. If you visit my blog at:
    https://www.forceforge.com
    Try and resize the page and look at the RIGHT column. Here’s what my layout CSS:
    #login, #search, #archives, #categories, #wp-calendar {/*3 columns menu */
    left: 735px;
    margin: 0;
    position: absolute;
    width: 110px;
    border: 1px solid #666666;
    background-color: #FFFFFF;
    padding: 0 8px;
    }
    #login {
    top: 55px;
    }
    #search {
    top: 265px;
    }
    #archives {
    top: 255px;
    /*top: 275px;*/
    }
    #categories {
    top: 405px;
    }
    #wp-calendar {
    top: 95px;
    background: transparent;
    empty-cells: show;
    font-size: 12px;
    width: 125px;
    margin-bottom: 8px;
    }
    Thank you in advance

Viewing 3 replies - 1 through 3 (of 3 total)

  • its positionned as “absolute”, so it will always be “left: 735px;”
    By the way, in Mozilla it’s even worse : the left column goes to the right.
    https://www.google.com/search?q=three+columns+layout will give you a few working examples
    Even if you’re using MSIE like me, I’ll advise you to develop your CSS using Mozilla : once it’ll work for Mozilla it’ll be ok in MSIE. The other way round is false, unfortunately ??

    Thread Starter xtool

    (@xtool)

    Thank you ozh.
    Hmm… I noticed on some of them examples, if you resized the page, left & right columns stayed the same BUT the center get squeezed!
    Better example is Alex’s “Dots” layout. But I don’t understand why his doesn’t have problem as mine. Maybe something in the body? I will have to look around with google and download Mozilla.

    Download Mozilla Firefox 0.8 instead of the Mozilla suite. Firefox is a browser only version that is much more lightweight. Same rendering engine that the Mozilla suite and Netscape use, so if you try it once there is should work on any Mozilla-based browser.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Help with 3 Columns…’ is closed to new replies.