border problem in Mozilla

[kelly5518]

Hi,

I have a new site that has a problem in Mozilla with the borders around the product thumbnails. Viewing in IE will show it as it's intended.

Can anyone tell me what would cause this? Please don't tell me it needs a doctype or that there are a bunch of errors, which I already know. These pages are dynamically generated by the shopping cart program so I don't have access to most of the code, although I can change the css for the image borders since I added that.

http://www.presentville.com/cgi-bin/ccp51/cp-app.cgi?pg=cat&ref=ValentineShop

Also, you'll notice the gap to the left of the navigation column, which is a Mozilla issue as well. Is this a difference between IE and Mozilla with default padding or margins?

Here's the css for the navigation area:

table.subnav {margin-left: 5px; margin-right: 5px; border: 1px solid #DADADA; border-collapse: separate; padding-left: 10px}
table.subnav td {padding:3px; padding-left: 6px; border: 1px solid #DADADA; color: #6F5A39}

One last question. The home page validates except for no doctype. However when I added the HTML4.01 transitional doctype, the text gets very, very small. How can I correct this?

Thanks very much for your help.

 

[kelly5518]

Okay, I got the border problem fixed. I had to go into the script to fix it, but I think it's fine now unless someone tells me differently.

How about the other questions?

Thanks

 

[dmears1]

Take a look at the font-size attribute for body & td in your CSS.

body {font-size: 70%; background-color: #A5B5B3; color: #606060; font-family: verdana, arial, sans-serif; scrollbar-base-color: #B3C6C9;

and then,

td {font-family: verdana, arial, helvetica, sans-serif; font-size: 70%}

This URL may help:

http://www.romankoch.ch/capslock/cssfontmodel.htm

http://www.Morter.com

http://www.BestLifeTraining.com

http://www.AbsoluteStudio.com

 

[kelly5518]

Hi,

Thanks for your reply.

I'm not sure about lately, but it used to be that a font size specified for the body did not affect the td tag. You had to specify it individually for <td> and <th>.

Anyone know if that's still the case?

How about the uneven gap around the table borders in the left hand navigation? (Firefox and Netscape)

Thanks again.

 

[dmears1]

From

http://www.w3.org/TR/REC-CSS2/fonts.html#font-size-props:

A percentage value specifies an absolute font size relative to the parent element's font size. Use of percentage values, or values in 'em's, leads to more robust and cascadable style sheets.

If you take out/edit this line:

td {font-family: verdana, arial, helvetica, sans-serif; [COLOR=red]font-size: 70%[/color]}

from your CSS it should display properly with a transitional doctype.

http://www.Morter.com

http://www.BestLifeTraining.com

http://www.AbsoluteStudio.com

 

[dmears1]

BTW, could I ask what shopping cart solution you are using?

http://www.Morter.com

http://www.BestLifeTraining.com

http://www.AbsoluteStudio.com

 

[kelly5518]

Thanks dmears1.

I'll change that then and add the doctype although it displays just fine without it. I'm afraid it will cause other problems when I add it. That's what I've found in the past, so I need to make sure that I am able to test it thoroughly with that doctype before adding it to the live pages.

As for the shopping cart, it's ClickCartPro:

http://www.clickcartpro.com

It's extremely flexible as far as being able to edit. They're supposed to come out with a new version very soon, but I did some research and this is one of the best out there in the price range and the new version is highly anticipated.

I'm still having a problem in Firefox/Netscape with the uneven gaps around the table cells on the left hand column of the shop pages.

Anyone???

Thanks again!

 

[kelly5518]

Got it all sorted.

Thanks.