Help with 3 Columns... (4 posts)

  1. xtool
    Posted 11 years ago #

    Greetings all.
    I was wondering if anyone can help troubleshoot this one. If you visit my blog at:
    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

  2. Ozh
    Posted 11 years ago #

    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.
    http://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 :)

  3. xtool
    Posted 11 years ago #

    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.

  4. chrisgeleven
    Posted 11 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.