VP-ASP :: Shopping Cart Software

Shopping Cart Software Solutions for anywhere in the World

US/Canada(Toll Free): +1 888 587 2278
Europe/UK: +44 (020) 7193 9408
Australia/New Zealand: +61 3 9016 4497

VP-ASP Shopping Cart Customer Forum

Home | Profile | Register | Active Topics | Members | Search | FAQ
Username:
Password:
Save Password
Forgot your Password?

 All Forums
 VPCart Forum
 Customization
 Unwanted page border
 New Topic  Reply to Topic
 Printer Friendly
Author Previous Topic Topic Next Topic  

jerb3
Starting Member

8 Posts

Posted - October 14 2009 :  13:42:16  Show Profile  Reply with Quote
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-ASP Expert

United Kingdom
948 Posts

Posted - October 15 2009 :  03:40:59  Show Profile  Reply with Quote
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
Go to Top of Page

jerb3
Starting Member

8 Posts

Posted - October 15 2009 :  09:29:12  Show Profile  Reply with Quote
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

Go to Top of Page

carfin
VP-ASP Expert

United Kingdom
948 Posts

Posted - October 15 2009 :  11:35:37  Show Profile  Reply with Quote
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
Go to Top of Page

jerb3
Starting Member

8 Posts

Posted - October 19 2009 :  14:05:57  Show Profile  Reply with Quote
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%;
}
Go to Top of Page

carfin
VP-ASP Expert

United Kingdom
948 Posts

Posted - October 20 2009 :  09:25:43  Show Profile  Reply with Quote
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
Go to Top of Page
  Previous Topic Topic Next Topic  
 New Topic  Reply to Topic
 Printer Friendly
Jump To:
Snitz Forums 2000