Need continuity among all pages.

In my signature you can find the link to the website I'm customizing from the Classic template. If you care to look, you'll see how only the home page is working in a reliable fashion. IF anyone knows how to correct the obvious problems that keep the other pages form working in kind, I'd be much obliged for any advice to fix them.

Bob

I'd re-install the template and start over. You've made a mess of it. And, why do you have the entire site loading on the secure server?

If you can't be bothered to make clear what problems are bothering you, why would you think that people will want to spend their time trying to work out what they are, let alone solving them for you?

kuroi:

If you can't be bothered to make clear what problems are bothering you, why would you think that people will want to spend their time trying to work out what they are, let alone solving them for you?
No bother. Only the home page shows everything in its place. Any of the other pages show the right side boxes out of place and the lettering in the navigation bar in the header becomes jumbled.

Hmm. Sorry to have to say this, but that template is completely broken.

Although the home page looks OK, it's not. There's too much content in the central area to the extent that the category box is pushed completely outside of where the site is supposed to go to and floats free in it's own space, looking OK, but really not.

The inside pages look worse as there's not so much content in the centre so the box moves back towards where it should be.

There also doesn't appear to much stopping the main contents of the page from floating up into the header.

I'm not wanting to be harsh here, but if a client brought this to us and asked us to fix it, we'd start over with a working template. So I'd agree with RescoCCC.

RescoCCC:

I'd re-install the template and start over. You've made a mess of it. And, why do you have the entire site loading on the secure server?
I've maintained annotated compressed backups for every stage, so starting over from scratch wouldn't be the thing to do, tho I'm fully aware of what edits to reverse in order to eliminate the particular features that are causing problems, if i choose.

So, what I'm working on to figure out is how to keep the right side boxes and header navigation bar text from shifting on other pages.

Just so I understand, you want the right column to be outside the rest of the content ? Best way to do something like that, I think, is with absolute positioning in the stylesheet.. You have to be careful with how it displays on different screen resolutions, though.

If you don't want it way out there, you'll need to fiddle with this:

.leftBoxContainer, .rightBoxContainer {
margin: 0em 0em 4.0em .9em;
border: 0px solid #024B8A;
border-bottom: 3px solid #024B8A;
margin-top: -3.4em;
}

You could also simulate a floating right column using padding and borders properly.

kuroi:

Hmm. Sorry to have to say this, but that template is completely broken.

Although the home page looks OK, it's not. There's too much content in the central area to the extent that the category box is pushed completely outside of where the site is supposed to go to and floats free in it's own space, looking OK, but really not.

The inside pages look worse as there's not so much content in the centre so the box moves back towards where it should be.

There also doesn't appear to much stopping the main contents of the page from floating up into the header.

I'm not wanting to be harsh here, but if a client brought this to us and asked us to fix it, we'd start over with a working template. So I'd agree with RescoCCC.
I appreciate you opinions and suggestions.

If you're loading the site in IE, then it doesn't work, which is another problem. I'm using Firefox.

In Firefox, the home page loads as I wish, with the side boxes slightly separate from the main body of the page. Instead of content pushing the boxes out of place as supposed, I adjusted margins to place them where I wanted.

.leftBoxContainer, .rightBoxContainer {
margin: 0em 0em 4.0em .9em;
border: 0px solid #024B8A;
border-bottom: 3px solid #024B8A;
margin-top: -3.4em;
}

Then I extended the center column to span the entire main body.

.centerBoxWrapper {
border: 0px solid #9a9a9a;
height: 1%;
margin: 1.1em 0em;
width: 900px
}

To relocate the header nav text, I used Stevesh's suggestion:
**
#navMain ul {float:right;}

**Now I'm in search for a solution to why the other pages don't conform to these adjustments.

stevesh:

Just so I understand, you want the right column to be outside the rest of the content ? Best way to do something like that, I think, is with absolute positioning in the stylesheet.. You have to be careful with how it displays on different screen resolutions, though.

If you don't want it way out there, you'll need to fiddle with this:

.leftBoxContainer, .rightBoxContainer {
margin: 0em 0em 4.0em .9em;
border: 0px solid #024B8A;
border-bottom: 3px solid #024B8A;
margin-top: -3.4em;
}

You could also simulate a floating right column using padding and borders properly.

Okay, here is a potential issue. I separated
".centerBoxWrapper" from its group.

**/list box contents/
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
margin: 1em 0em;
}

.centerBoxWrapper {
border: 0px solid #9a9a9a;
height: 1%;
margin: 1.1em 0em;
width: 900px
}**

Is this why the adjustments don't carry over to the other pages ?
Oh, and yes Stevesh, I want the boxes to be outside the rest of the content.

.centerBoxWrapper isn't used on those other pages. Try adding your width to .centerColumn here:

.centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
padding: 0.0em;
margin-top: -1.5em;
}

Separate it if you're going to use the banners.

stevesh:

.centerBoxWrapper isn't used on those other pages. Try adding your width to .centerColumn here:

.centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
padding: 0.0em;
margin-top: -1.5em;
}

Separate it if you're going to use the banners.

WOWWWWWWWW! Check it out Stevesh...you nailed it again. Many thanks.

If an when I sell anything form my site, you will be rewarded for your expertise and willingness to help. smh

Again, thank you,
Bob

Sadly tho, my website looks horrible in IE :cry:

It wouldn't bother me if it wasn't for the fact that IE is far and away, the most popular browser.

Don't have your site completely secured - just let Zencart decide what pages need SSL. There's a tutorial about it. I think that might fix the images problem.