3 Column Blogs - three column rounders 3

3 Column Blogs Easy And Fast. How to Add Columns To Free Blogger Templates. You Can Have A 3 Column Layout on Your Blog!


To know more, please visit this site:

http://www.threecolumnblogger.com/2008/09/three-column-rounders-3.html


Thanks to REIT Wrecks (RW) for the excellent job.



From RW input,
I made slight change on the sidebar-wrap width from 290 to 240px. I also encounter slight problem with my left-side bar, text color. However I managed to resolve it.
.


To solve this problem I replaced

_________________________________________________________


#sidebar-wrap { --------------- Starting Here




/* Links
----------------------------------------------- */ --------------- till here

_________________________________________________________


With this code – starting below

_________________________________________________________

#sidebar-wrap {
width:240px;
float:$endSide;
margin:15px 0 0;
font-size:97%;
line-height:1.5em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#left-sidebar-wrap {
width:240px;
float:left;
margin:15px 0 0;
font-size:97%;
line-height:1.5em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}


#newsidebar h2 {
color: $topSidebarTextColor;
border-bottom: 1px dotted $topSidebarTextColor;
}

#newsidebar a {
color: $topSidebarTextColor;
}

#newsidebar a:hover {
color: $topSidebarTextColor;
}
#newsidebar a:visited {
color: $topSidebarTextColor;
}

#newsidebar a {
color: $topSidebarTextColor;
}
#newsidebar a:hover,
#newsidebar a:visited {
color: $topSidebarTextColor;
}

#newsidebarbottom h2 {
color: $bottomSidebarHeaderColor;
border-bottom: 1px dotted $bottomSidebarHeaderColor;
}

#newsidebarbottom a {
color: $topSidebarTextColor;
}

#newsidebarbottom a:hover {
color: $topSidebarTextColor;
}
#newsidebarbottom a:visited {
color: $topSidebarTextColor;
}

#newsidebarbottom a {
color: $topSidebarTextColor;
}
#newsidebarbottom a:hover,
#newsidebarbottom a:visited {
color: $topSidebarTextColor;
}

.main .widget {
margin-top: 4px;
width: 468px;
padding: 0 13px;
}

.main .Blog {
margin: 0;
padding: 0;
width: 484px;
}

/* Links
----------------------------------------------- */

_________________________________________________________



Try it!!. Good Luck! And please convey my gratitude to RW @
http://www.threecolumnblogger.com/2008/09/three-column-rounders-3.html