Saturday 2 September 2006

Blogger Beta - Fluid 3 column template

I'm forging ahead with Blogger Beta experiments. I put in three columns...fluid no less! Once again, thanks to my expertise and incredible knowledge of coding Hans and his post Adding a Second Sidebar to Your Template.

Here are the steps I took:
  1. I read Hans post :-)
  2. I removed the #sidebar-wrapper
  3. I added a #leftsidebar-wrapper and a #rightsidebar-wrapper
  4. I made these changes to the #outer-wrapper, #main-wrapper, #leftsidebar-wrapper and #rightsidebar-wrapper
    #outer-wrapper {
    margin-left: 5%;
    margin-right: 2%;
    width: 93%;
    padding:0px;
    text-align:left;
    font: $bodyfont;
    }
    #main-wrapper {
    width: 50%;
    float: right;
    word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
    }
    #leftsidebar-wrapper {
    width: 22%;
    float: left;
    word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
    }
    #rightsidebar-wrapper {
    width: 22%;
    float: left;
    margin:0 0 0 25px;
    word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
    }
I'm no more surprised than you. Just a few more tweaks here and there, and I believe I may be ready to switch this blog over to Beta completely!

post signature

No comments:

Post a Comment