Newbie needs help

[mvangl]

Hi! I'm new to CSS, and I need a bit of help. I'm designing a website for my work through GoDaddy.com, and I'm not finding it very user friendly at all. I am struggling the most with the differences between FireFox and Internet Explorer. I have read about fixed/elastic/liquid codes, but somehow I haven't found a code to help me out (or maybe I'm just doing it wrong). A lot of the products on the page don't line up and are scattered. I'm just wondering if there is anyone who has used GoDaddy and are familiar with it. Of course, I also appreciate any help I can get. Thanks!

[Snookerman]

If you want help, please tell us what the specific problems are and:

Please post a link to the page on your site that contains the problematic script or attach your code so we can check it out.

[mvangl]

The website is in very early stages so please excuse the mess but here it is: www.shop.waste-decals.com

--It has the most problems with Internet Explorer.

As you can see, on the main page the copy starts right away to the right of the image. I'm not sure how I can fix this since everything is templated and I can't really pick where I want the copy to start. I'd like for it to be centered and under the image.

When you click on a product, it takes you to the product page. Everything should be three across (like how it is in FireFox), but in IE it shows two (or one) across, then the third product is completely on its own underneath the first two.

I hope this was detailed enough. Thanks!

[Snookerman]

I checked in Fx3 and IE7 and I don't see any differences. Could you please post some screenshots?

[mvangl]

I had forgotten to mention that I am designing and viewing through Firefox on a Mac and viewing in IE through several different PCs. Sorry about that!

But here are the screenshots; hope they help clear up some of the confusion.

EI from a PC

FF from a Mac

[Snookerman]

Ok so the problem is in IE6. Add this to the css code:

.products .product img{
    width: 100%;
}

Good luck!

[mvangl]

Thank you so much! That solved my biggest problem on the products page.

I hate to be a pest, but just one more question...on my main page the copy starts immediately to the right of the image in both browsers. I would like it to be underneath and centered.

Here's a screenshot:
Main page

Again, thank you! I really appreciate all your help.

[Snookerman]

What is the "copy"?

[mvangl]

Oh, sorry about that

Copy=Text/Writing

Still in my print designer mode...thanks!

[Snookerman]

Ok, try removing this:

.content-category-header, .description {
margin-left:80px;
}