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! :p

[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 (http://i727.photobucket.com/albums/ww277/wastedecals/pc1.jpg)

FF from a Mac (http://i727.photobucket.com/albums/ww277/wastedecals/mac1.jpg)

[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 (http://i727.photobucket.com/albums/ww277/wastedecals/main.jpg)

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;
}

[Snookerman]

If you want the text to the right to be underneath as well add this:

.content-category-header, .description {
clear: left;
}

[mvangl]

Thank you for all your kind help and your time! I really appreciate it.

[Snookerman]

You're welcome, I'm glad to help! You can go to your first post in this thread, click http://www.dynamicdrive.com/forums/images/buttons/edit.gif then click Go Advanced and add the Resolved prefix to the thread title. This will let other users know the problem has been solved.

Good luck with your site!