Question regarding layouts

[dfontana]

I am using 1.3.7 and have a couple of questions regarding the layout with regards to 2 of my sites I am working on.

the 2 sites are:

http://mappingusa.com/store
http://i1-der.com/store

As you will be able to see from the sites, the borders do not match and am trying to adjust the border of the mappingusa site to match i1-der.

Also my other problem I am having is with the mappingusa header, as you can see, the logo is not overlapping the background properly

What can I do to fix this items?

[dfontana]

As a clarification, what I mean by the post below, I would ;like to expand the side margins on he mappingusa site similar to the i1-der site.

This may also solve my issue with the logo on the mappingusa site. If not, where are the size of the logo specified if the margins do not fix the issue.

Thanks again.

I am using 1.3.7 and have a couple of questions regarding the layout with regards to 2 of my sites I am working on.

the 2 sites are:

http://mappingusa.com/store
http://i1-der.com/store

As you will be able to see from the sites, the borders do not match and am trying to adjust the border of the mappingusa site to match i1-der.

Also my other problem I am having is with the mappingusa header, as you can see, the logo is not overlapping the background properly

What can I do to fix this items?

[tony_sar]

locate following css in your stylesheet.css
add the code in red to this rule .
#mainWrapper {stylesheet.css (line 156)
background-color:#FFFFFF;
border:1px solid #000080;
text-align:left;
vertical-align:top;
width:850px;
}

hope this is what you were asking for

[dfontana]

I hope so as well, makes sense, I thought it was in code somewhere.

Will let you know if I need more.

Thanks again.

locate following css in your stylesheet.css
add the code in red to this rule .
#mainWrapper {stylesheet.css (line 156)
background-color:#FFFFFF;
border:1px solid #000080;
text-align:left;
vertical-align:top;
width:850px;
}

hope this is what you were asking for

[dfontana]

That didn't help, here are the changes I've made nd also need a clarification on some other coe in the css file

What effect would this have in particular the margin: 0em; and padding: 0em;
#mainWrapper {
background-color: #FFFFFF;
text-align: left;
vertical-align: top;
border: 15px solid #000080;
width 850px;
}


#logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
margin: 0em;
padding: 0em;
}

Here is the code I now have regarding the reply below:

locate following css in your stylesheet.css
add the code in red to this rule .
#mainWrapper {stylesheet.css (line 156)
background-color:#FFFFFF;
border:1px solid #000080;
text-align:left;
vertical-align:top;
width:850px;
}

hope this is what you were asking for

[dfontana]

Looks like I'm getting there, the right margin has been changed, may need to modify the logo file or not, notreally sure, still need to get the left margin adjusted to match the right hand side.

That didn't help, here are the changes I've made nd also need a clarification on some other coe in the css file

What effect would this have in particular the margin: 0em; and padding: 0em;
#mainWrapper {
background-color: #FFFFFF;
text-align: left;
vertical-align: top;
border: 15px solid #000080;
width 850px;
}


#logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
margin: 0em;
padding: 0em;
}

Here is the code I now have regarding the reply below:

[dfontana]

OK, I am getting there, I changed the logo image and it is improving.

Here is what I would like to do now, center the logo and if possible, widen the side margins, how can I do this?

Thanks again for everyone's help in advance.

DF

[stevesh]

First things first:

Zencart will load all stylesheets with the .css extension that are in the css folder in the current template. You have two stylesheets which are fighting each other. Rename the stylesheetold.css to stylesheet.old, then see what you have, and we'll go from there.

[dfontana]

Ok, I deleted the offend stulesheetold.css file, and I have also gotten most of my problem fixed.

Deleting the file has now given me a red then blue border before the meat of the page is displayed

I only want the red border to be seen and the width of it to be similar to my other store http://i1-der.com/store.

How do I do that?

First things first:

Zencart will load all stylesheets with the .css extension that are in the css folder in the current template. You have two stylesheets which are fighting each other. Rename the stylesheetold.css to stylesheet.old, then see what you have, and we'll go from there.

[stevesh]

Now you can add the width:750px; to #mainWrapper to make it the same as the other site.