Author |
Topic |
|
jerb3
Starting Member
8 Posts |
Posted - October 14 2009 : 13:42:16
|
This is a pretty bonehead question, I'm sure, but I need to ask it. There seems to be padding or a margin applied to the #container #wrap tag, that is really screwing with my design, but I can't find anywhere in the code where it might be. My page is set to be 900px, the image I'm using is 900 px wide, but there is this persistent space around the whole page that is driving me nuts. What tiny line of code am I missing?
http://www.rtacabi.net/shoppingcart/default.asp |
|
carfin
VP-CART Expert
United Kingdom
948 Posts |
Posted - October 15 2009 : 03:40:59
|
Hi,
the css code for the container is in stylesheets/shop.css
#container, #wrap { width:760px; /* change value to adjust width */ text-align:left; margin:5px auto; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; }
Regards,
Carrol www.deanston-electrical.co.uk |
|
|
jerb3
Starting Member
8 Posts |
Posted - October 15 2009 : 09:29:12
|
Hi Carrol,
This is what I've been using.
#container,#wrap { width:900px; /* change value to adjust width */ text-align:left; margin:0px auto; padding:0px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;
I added the padding in an effort to get the border to disappear but to no avail. There is nothing on the .header class, .nav class or any other class I can see that would cause the #coantainer, #wrap to expand by just a couple of pixels. Maybe there is a css trick I just don't know, but I can't think of why it's doing this. Thanks for your help.
Jon
|
|
|
carfin
VP-CART Expert
United Kingdom
948 Posts |
Posted - October 15 2009 : 11:35:37
|
Hi Jon,
I've had a look at your site, and the white border you speak of is I think to do with margins in your navigation panel, utility bar and content area. From your site: <table id="wrap"> <tr> <td class="vt" colspan="2"> <div id="nav">............ ........<div id="utilbar"> <table>
Check the shop.css style settings for #nav, #utilbar and #wrap (not #container, #wrap),
Regards,
Carrol www.deanston-electrical.co.uk |
|
|
jerb3
Starting Member
8 Posts |
Posted - October 19 2009 : 14:05:57
|
Hi Carrol,
Sorry for the late response, but I was attending to some personal business. There are currently no margin settings affecting these three classes (see below). I really have no idea why this will not shrink to what I need.
wrap { padding:0px; border:1px solid #666; background:#FFF }
#nav { background:#000; border:1px solid #666; width:100%; }
#utilbar { text-align:center; background:#000; padding:3px; }
#utilbar table { border-collapse:collapse; width:100%; } |
|
|
carfin
VP-CART Expert
United Kingdom
948 Posts |
Posted - October 20 2009 : 09:25:43
|
Hi Jon,
I don't have much time to spare at the moment but I did a quick change to a navy page body background on our test site to see if I got the white borders like yours and I didn't, so I'm posting our css settings so you can compare.
#container, #wrap { width:868px; /* change value to adjust width */ margin-bottom:0px; margin-top:2px; border:1px solid #000099; text-align:centre; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-color:#000099; }
#wrap { padding:1px; border:1px solid #000099; }
/* Horizontal navigation */ #nav { width:859px; }
table#horiz_nav { /* table is generated via shopa_navigation_create.asp */ padding:1px; width:100%; border:1px solid #000099; border-collapse:collapse; }
Check some of the settings against your own, in particular the #nav setting and if I have time later I will take a look at the code in the original shop.css file.
Regards,
Carrol www.deanston-electrical.co.uk |
|
|
|
Topic |
|