need some help

hey guys, I'm having a little problem with the site. I'm using a firefox it looks ok to me, but It looks different in internet explorer. The gray column on the right side looks shorter in IE, in Firefox the both columns(right and left) are the same. and also, the very bottom "customer testimonials" section looks different too. Can someone tell me what should I do, or what's the problem. this is the test page http://www.ezmovingslc.com/desc1.html

Thanks in advance

 

its the <p> tags in this part :

Phone 801.347.7786

Email


it has a higher padding in IE than in FF

 

Add this to the top of your page:

That'll help you sort out issues caused by different browser defaults (there are other css resets, and this is the simplest)

Basically, every browser has their own default values for different elements - whether it be <p>, <h1> etc. Problem being then, its impossible to make all the browsers look the same without overriding those defaults, which is a pain. Hence the CSS reset was born. Simply put it in, and it resets them all to 0, creating a level playing field.

 

Have you tried putting an exact size in the table or cell properties? Also try putting the sizes in pixels instead or %

 

Guys,

Thanks for your help.
I played with (p) tags, it didn't make any difference. I also inserted <margin:0;padding:0> on the top of the page, doesn't make any difference either. Is there anything else that can be done? Or did I do any of your suggestions wrong?

Thanks

 

Try to set width="100%" for the <table> that contains the customer testimonials.

 

I did, it didn't make any difference

 

i was looking at your code through the w3.org html validator. It's definitely showing some errors on your page. I bet if you correct these errors, your page will look the way it should.

I could always take a look at the code for you if you still can't get it.

 

Thanks guys, I got it. there were few small errors.

 

in IE and FF there is always a problem of margin and padding