What is wrong with my site?????

http://dev.mapletraditions.com

THis template is based on the clssic template.

I would like to have the page justified left and change the width and colours of the two columns. I also need to find the css settings for the tabs area.

Any help or ideas will be appreciated. Thanks in advance.

Cheers!

before you do anything else I'd address the size of your images... not only are the dimensions of MTFrontPage01.jpg causing you heartburn, but they have waaayy too many bytes...

I suggest you deal with them and then repost...

:no:

The dimensions is what I want. I can deal with the bytes later by increasing the compression. However, I don't see what difference that will make anyway. Weather I have the image there or not, I still get the same results.

so what happens if you make MTFrontPage01.jpg 400px wide instead of 800px wide?

in IE you're also getting the residue x-box from I think what was the original zen logo.gif, you might need to create a 1px X 1px gif for that. I'm not completely certain about that though.

See for yourself.

I am really interested in getting the whole page justified to the left. And get rid of the blue columns. I dont think this has anything to do with the images.

With regard to alignment of your website you can try this. I don't guarantee it will work with Zen Cart because it wasn't written for it.

If you are using the classic template with the classic template css file then change the body class and centershop class wfor this code (backup first):

BODY {
  text-align: center;
  background: #ffffff;
  color: #000000;
  margin: 0px;
}

.fixcenter {
  width: 770px;
  border: solid; border-width: 1px;
  background: #ffffff;
  color: #000000;
  margin: auto;
  margin-top: 20px;
  text-align: left;
}

Then in the header template leave the centershop table as it is but remove the centershop class from it, and leave the closing table command in the footer template. In the header template insert this before the first table:

<div class="fixcenter">

and in the footer template insert this after the closing table command

</div>

If this works you should now be able to amend the style to align your shop left, right or center - specify the width of the shop, define a style for the border of the shop either with a colour and border style or an image, and use a colour or image outside of the mainwebsite page as a contrasting background. If it works with Zen then it'll work in IE, Firefox, Mozilla and Safari browsers.

Vger

you might want to look at your css

.main_page{

width: 1080px !important;

I know only enough to cause havoc, but what happens if that is changed to 100%...?

hmm with three stylesheets its difficult for me to determine the cause, but try searching for instances of widths defined as 750px and replace with 100%

I saw this width in .centershop on two of the stylesheets. This might help to stretch the middle white background color to fit across the whole of your shop contents.

To left align the entire shop try margin-left: 0px; in either the body or the .centershop - I'm not very familiar with the classic template set up, but you can mess around with those stylesheets until you find the result.

Just remember each stylesheet needs to be modified so they don't override each other. I hope it helps a little!:lookaroun

:artist: I think this is what wasana meant about changing the images a bit so that they load up faster. rather than using html code to size it, use an image ap. ;)
Oh I also sharpened it up a little.

Let me know when you've snagged it so I can remove from my server. :thumbsup:

To align centershop using a copy of classic template.

You need to look at the stylesheet_new.css

#mainWrapper {
background-color: #ffffff;
text-align: left;
width: 900px; **** REMOVE THIS AND YOUR STORE WILL ALIGN LEFT ****
align: center;
vertical-align: top;
}

hm.....i set 100% instead of pixels
cuz u can't expect everyone' pc' resolution is da same...
some are using 640.. some are using larger ones....
i set to over 1200px before... way too big....
(so it didn't align left/right)
i guess you should change the pixel to 100%
(well.... i just figured this out last nite...
i prefer this..... u can have a try)

in the stylesheet_new.css, change

#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
	margin: auto;
}

to

#navColumnOneWrapper, #navColumnTwoWrapper {
	margin: auto;
}

i.e. declaring an the margin auto on the overal wrapping nav was causing the whole site to be centered