My CSS does not look right...

[sdamos1]

I have a CSS file for my main site. I copied to the Zen Cart CSS folder and added the URL to the header file that points directly to it. Yet somehow, the text in my header, the search box for my mailing list join, and the sizes of some of my tables, do not look like the rest of my site. I even tried copying my CSS into the stylesheet.css file directly, and they still look different. My stylesheet names are different than that of ZC so there should not be any overlap there either. Whey does the header not match my original header?

[kuroi]

Do you have a link to the site?

[clydejones]

URL for your site(s)

[dbltoe]

more help could come from a look at a link but, first you should know that all files that end in .css located in the css directory will load and will effect the outcome. If there are differences in a call (H3 for example), the last alphabetically will rule.
Loading stylesheet.css and thestylesheet.css will result in the H3 call in thestylesheet.css taking over. Still, everything not duplicated in thestylesheet.css that is called in stylesheet.css will still control what it can.
'tis not a good idea to try to load Zen's stylesheet and the one from your main site.
Better to create the override (custom) template, copy stylesheet.css to the CSS folder, and adjust it to give Zen a comparable look to your site.
Just another thing since you're talking main and cart. Make sure you don't muddle the main and cart for the user. If they are not aware they are leaving Zen, they may be upset upon returning and finding their session was closed while they were gone.

[sdamos1]

Ok, my template page is here: http://donmattingly.com/test.html

The Zen Cart test area is here: http://www.donmattingly.com/shop/

I need the top of Zen Cart to look exactly like the test.html header, and footer for that matter, but I am working only with the header right now, but as you can see, I am using only the stylesheet.css file, with my css added in. I have removed several text related sections from the css file, but it still is not fixed. As it is, I had to change the valign from bottom to middle, just to get the mailing list box in the right place. I also have differences in some of the table heights that I have to figure out.

Any suggestions?

[dbltoe]

first, get rid of the multiple css files. Merge if you can but more than one will only be a constant hindrance.
Second, get a copy of firefox, with add-ons like firebug. It will tell you where the divs are that you can set your existing header "parts" into. Zen is the engine to the car. Once you get the motor mounts right the engine will fit inside any body. You can use the firebug to find out the size and spacing of those motor mounts.

[sdamos1]

I am using only the stylesheet.css. Any other ideas?

[kuroi]

What you describe as the stylesheet for you site, isn't. It's an HTML page that you have renamed as stylesheet.css and which actually contains no CSS whatsoever. This is the main reason why it doesn't work.

However, even if you applied your main site's stylesheet (which as actually called globalcss.css) to your Zen Cart, it would have only limited impact since, aside from a few very common tags such as body and HTML links, the stylesheet styles IDs and classes that you have on your main site, but which don't exist in Zen Cart.

[sdamos1]

I do not understand what you mean. Test.html is the only file I am working with. Every other page at donmattingly.com is old and is not relevant to my current issue. Test.html calls specifically for dmonline.css and that file has css in it. I have placed that css into the stylesheet.css file in the css folder for my zen cart template. Globalcss should have nothing to do with test.html, only the rest of the site. Please help advise me on how to make the header at http://www.donmattingly.com/shop - look exactly like the header found at http://www.donmattingly.com/test.html.

[clydejones]

I do not understand what you mean. Test.html is the only file I am working with. Every other page at donmattingly.com is old and is not relevant to my current issue. Test.html calls specifically for dmonline.css and that file has css in it. I have placed that css into the stylesheet.css file in the css folder for my zen cart template. Globalcss should have nothing to do with test.html, only the rest of the site. Please help advise me on how to make the header at http://www.donmattingly.com/shop - look exactly like the header found at http://www.donmattingly.com/test.html.

You have two stylesheet.css files (both called stylesheet.css)
one of those files contains no css in it at all it is an html page.
Get rid of this file before going any further.