ON my site
http://3dxhobbies.com/, I need the left column to be wider to fit the ratepoint logo, and the center to be smaller I made the following changes but I don't think I'm going the right thing-
LAYOUT
******/
#wraper{width:100%;margin:0 auto;background:#fff;position:relative;text-align:center;}
#header{text-align:left;float:left;width:100%;padding:0;margin: 0 0 10px 0;position:relative;}
#col-mask{text-align:left;clear:both;margin:0 auto;width:99%;/* width of whole page */ background:#fff;/* Left column background colour */ position:relative;/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */ overflow:hidden;/* This chops off any overhanging divs */}
#col-mid{float:left;width:200%;background:#fff;/* Center column background colour */ position:relative;left:190px;}
#col-right{float:left;width:100%;margin-left:-380px;background:#fff;/* Right column background colour */ position:relative;left:50%;}
#colcenter-wrap{float:right;width:49%;position:relative;right :100%;}
#colcenter-pad{margin:0 15px 15px 395px;overflow:hidden;}
#colcenter-column{width:100%;overflow:hidden;}
#left-column{float:left;width:219px;margin-left:-50%;position:relative;left:190px;}
#right-column{float:left;width:190px;position:relative;le ft:0;}
#footer{text-align:left;padding:0;margin:0;float:left;width:100 %;position:relative;color: #efefef;}
#footer .box{padding:5px;background: #2A79E2; color: #efefef;text-align:right;position:relative;}
#footer .box .right{color:#efefef;}
#footer .uo-box{background:#fff;position:relative;}
Can someone help?