Header, Navigation, and footer are not lined up

I cannot figure out why my headers and other items are not linining up properly

Here is the URL of the website.

http://www.kitesandpuppets.ca/www_bckites/zen-cart-v1.3.0.1-full-fileset/index.php?main_page=index

Thanks,

Adam

Adam,

If I am looking at the same thing that you are. It is a template thing. What template are you using, what ver of Zencart.

You seem to be using ZenCart 1.3.x and many available Templates are not compatible in their raw form as they were created for the earlier versions.

It might be as simple as adding a bit of left margin but not sure about your install.

Hi,

I am using version 1.3.01

I am using the classic template fileset which I am currently modifiying.

I am assuming this is a css problem but again, I have no idea

Sorry that you are having this problem....search this site for what I am about to suggest as there are many posts that say about the same thing. I know that this will be frustrating as you already have a start that you sorta like, but it will be the best course forward.

You are using the 'classic' set and this is really not recommended for many reasons;

One is that this will cause you many problems now and when future Zencart upgrades become available. It is included only to ease upgrading for previous versions.

The combination of the css files in this make for difficulty in controlling what you are doing. Some of it is caused by the inclusion of tables and some by the order the multiple style sheets are processed.

As you are setting this up fresh, I would bite the bullet now and avoid future problems by deleting the contents of the /templates/classic folder, leaving the empty folder there. This will force the use of the template_default. Then you can create an override folder in /includes/templates/your_template_name. Copy the template_info.php file to your pc and edit the template name to what you like and upload it to your /includes/templates/your_template_name folder. also create the folder structure as you require it for those files that you need to alter. i.e. for starters you will need the css folder from template_default copied to your template folder with the files contained as you will be editing the css files.

You should search the posts and the area for how to use the override system as this is crucial to your having easy success with this cart.

From there you will be setup to use the power of css and ZenCart without the complications of the older tabled version.

There is a free template to begin with if the template default & css is too overwhelming for you. It is available here in the contributions section as future Zen template.

also you need to move all the files out of the zen-cart-v1.3.0.1-full-fileset folder. You could just call the folder store or shop, or you don't actually need a folder at all, just put all the files in the top-level. The folder appears in the site URL, and it is a poor look. Better to have
example.com/index.php?main_page=index
rather than
example.com/www_bckites/zen-cart-v1.3.0.1-full-fileset/index.php?main_page=index

Thanks for the help :)