![]() |
Need main.css help
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? |
Re: Need main.css help
Please note that this link is not an answer to your question, but we need you to update your signature with your X-Cart version (as per forum rules) so that we can answer your questions correctly. Thanks!
|
Re: Need main.css help
I have NO idea what your talking about please clarify.
|
Re: Need main.css help
|
Re: Need main.css help
Hi 3dx, I would recommend that you use Firefox to view your site, and install the addon called 'Firebug', which allows you to see which CSS styles are applied to each element.
Try changing these values: #left-column {width: 242px;} #colcenter-wrap {width: 48%;} If you use Firebug it will take you about a tenth of the time it used to, to find which CSS styles you need to change. |
Re: Need main.css help
Thank you!
|
All times are GMT -8. The time now is 08:56 PM. |
Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.