website not compatible with Firefox

October 27th, 2009, 7:39 am

Hello all,

I need help to fix the source code that will make planetsap dot com compatible with all browsers. It looks good in IE but when I bring it up using Firefox, everything is misaligned. Can somebody please recommend a solution.

Thank you.

[digitalMedia]

October 27th, 2009, 9:20 am

Which version of IE are you using?

October 27th, 2009, 9:25 am

IE 6.0

[digitalMedia]

October 27th, 2009, 9:30 am

I suggest you upgrade to version 8, which now renders much more like FF and others.

According to the stats I've read, version six is somewhere less than 10%, in regard to usage. Therefore, it's not a good idea to do development work with that as your primary testing vehicle.

October 27th, 2009, 10:30 am

I just updated to IE 8 and now I see the same alignment issues on IE also.

If I list my source code, is there anybody who can help me with fixing the code.

Thx

[digitalMedia]

October 27th, 2009, 11:12 am

planetsap wrote:

I just updated to IE 8 and now I see the same alignment issues on IE also.

If I list my source code, is there anybody who can help me with fixing the code.

Thx

Yup. Let's see what you've got. I'm sure we can give you some feedback.

October 27th, 2009, 12:31 pm

Please find attached zip file.

Attachments:

index.zip

(4.03 KiB) Downloaded 5 times

[digitalMedia]

October 27th, 2009, 1:55 pm

The problem you're having has to do with the box-model. For instance...

Code: [ Download ] [ Select ]

.content {
    margin: 0 auto;
    width: 980px;
    padding: 10px;
}

1. .content {
2.     margin: 0 auto;
3.     width: 980px;
4.     padding: 10px;
5. }

The effective width of this box is 1000px, because the padding is being added to the width.

You can either due the calculations to get what you want, or set the padding on the elements within the container.

Does that make sense?

October 27th, 2009, 2:26 pm

I am going to adjust the padding and see if i can make it work. Appreciate your suggestion.

Thank you.

October 28th, 2009, 1:18 am

overflow:hidden;