We help IT Professionals succeed at work.

Spacing Issue in IE

479 Views
Last Modified: 2013-12-08
hi, Can someone tell me why there is a spacing problem on this page in IE, but it is ok in Firefox?

http://www.mysite.com/menu/bundles/7500.html  where mysite is magic kitchen, all one word.

Thanks! I am using IE 6 and FF 1.5.0.7. It also looks ok in Opera 9.02
Comment
Watch Question

Commented:
It is highly likely that the difference you are seeing between browsers is based upon some problems in your html or css code.  Not all browsers support all html tag and attributes.  Probably the best way to narrow down the problem you are having is to run your code through an HTML/CSS validator -- one that checks for browser compatibility.  There are many of these applications out there, most cost money, but you can find some free ones (not as robust as the non-free ones).

Here is one free one to try:
http://www.anybrowser.com/validateit.html

And here is one that isn't free, but is very thorough in the reports it gives you:
http://www.netmechanic.com/products/maintain.shtml

You are probably using some non-standard tags or attributes, and IE isn't recognizing them, though Firefox and Opera are.  Tools such as these will help you determine the offending tag.

Author

Commented:
Thanks, I tried the free one and it didn't show anything which related to the table width. It only showed within the table a couple of things where "--- attribute `CLASS' for <div> is extended markup ", whihc I don't think would affect the layout. The  layout is tables, not pure css. Any other thoughts? Thanks!

Commented:
It looks like you are using Dreamweaver to develop your site, is this correct?
I believe Dreamweaver has some built-in options where you can tell it what browsers you want to generate your page for (so that it creates compatible code).

You could also try some other validators.  The free ones just aren't as good, but one might find the problem in your code that is causing the spacing issue.  Just search on Google.
CERTIFIED EXPERT
Expert of the Year 2004
Top Expert 2004

Commented:
the page takes me to http://www.mysite.com/
and it looks same in IE as well as in FF....i can't see any difference.....using IE7
Jason ThompsonSenior UX Designer

Commented:
I'm not seeing any difference in this page between Firefox 2 and IE 7.  I occasionally run into differences between the two browsers, but it's usually due to a rogue blank space in a table, or the subtle differences in the way the text displays in each browser.

Maybe if you can point to exactly where this spacing problem is on the page, we can look into potential problems?

It looks like you're using Dreamweaver.  In addition to running a target browser check and validating the markup (File > Check Page), you might also try Commands > Apply Source Formatting while in Code view.  That should clean up your code so you can more clearly see potential problems.

Hope this helps.

Commented:
I viewed the page in both IE7 and FF2.  I do see a difference in the spacing of table columns -- there is more space to the right (and in the middle) of the right-hand column in IE7, but not in FF2.

Author

Commented:
Hi- that's right, that is where the spacing problem is. Especially to the right. And the first column is smaller. I tried increasing the size of the table but that didn't help the left column. I guess I'll just play with column widths. Thanks...

Author

Commented:
Hi, Experts- the problem is this table row:

<tr><td colspan="3"><br><p class="Body">MagicKitchen.com offers a full menu of gourmet frozen prepared meals delivered to your door. Founded in 2005, we  have been revolutionizing the way busy
Americans eat, with our chef-prepared frozen meals. Looking for the best meal delivery?
Get home-cooked goodness with MagicKitchen.com!</p></td></tr>

If I take that away, the spcing problem goes away as well. But the table has three columns, so I'm not sure why IE is rendering it differently. Any ideas? Thanks again!

Commented:
Hi,

Youre site doesn't seem to be online, so I couldnt test, but try this:

<tr><td colspan="3" class="Body"><br>MagicKitchen.com offers a full menu of gourmet frozen prepared meals delivered to your door. Founded in 2005, we  have been revolutionizing the way busy
Americans eat, with our chef-prepared frozen meals. Looking for the best meal delivery?
Get home-cooked goodness with MagicKitchen.com!</td></tr>

and maybe you want to delete the <br>

Author

Commented:
ok, thanks! I will try that as soon as I can!

Author

Commented:
hi- It remains the same, here is the source from View>source:

<tr><td colspan="3"><span class="Body">MagicKitchen.com offers a full menu of gourmet frozen prepared meals delivered to your door. Founded in 2005, we  have been revolutionizing the way busy Americans eat, with our chef-prepared frozen meals. Looking for the best meal delivery? Get home-cooked goodness with MagicKitchen.com!</span> </td><tr>  

You should be able to see the page at http://test.magickitchen.com/menu/bundles/7500.html  -don't forget to view it in IE to see the spacing problem. This is very strange..it looks fine in firefox & opera. Thanks for your help.

Author

Commented:
Hi- I've  been working with it, and if I change the colspan to "2", the spacing goes back to normal, although the paragraph that I want to display across the whole page only covers the first two columns, of course.

Commented:
hi,

did this:
<tr><td class="Body" colspan="2">zzz</td><tr></table>
      </div></td>
    <td rowspan="2">&nbsp;</td>
  </tr>
  <tr align="left" valign="top">
    <td>MagicKitchen.com offers a full menu of gourmet frozen prepared meals delivered to your door. Founded in 2005, we  have been revolutionizing the way busy Americans eat, with our chef-prepared frozen meals. Looking for the best meal delivery? Get home-cooked goodness with MagicKitchen.com!</td>
  </tr>

where zzz marks the original location of the text and I have moved the text to the new location where originaly there was a nbsp;

you're using tables in tables making it dificult to maitenance.
isn't div's an option for you?

Author

Commented:
Hi, No, unfortunately I am using someone else's template, and can' tmake any major changes. When I do what you show above, the whole page goes left aligned rather than centered. I have tried a few things that have the same result. Tanks for your help, tho. If you want to see the result, I'll leave it up for a while at http://test.magickitchen.com/menu/bundles/7500.html 

Commented:
ok, I will look into it in the weekend

Author

Commented:
Thanks!

Author

Commented:
Hi, avidya, did you get a chance to look? If not, I'll close the quesion. Thanks!

Commented:
Hi Mel,

I aplologyse, my internet connection was down, so I couldn't.
I can look at it tonight if you want

Author

Commented:
Sure, it's still up there. Thanks!
Commented:
This one is on us!
(Get your first solution completely free - no credit card required)
UNLOCK SOLUTION

Author

Commented:
wow! What a lot of work you went to! Thanks very much!!

Commented:
you're welcome
have a nice day

Gain unlimited access to on-demand training courses with an Experts Exchange subscription.

Get Access
Why Experts Exchange?

Experts Exchange always has the answer, or at the least points me in the correct direction! It is like having another employee that is extremely experienced.

Jim Murphy
Programmer at Smart IT Solutions

When asked, what has been your best career decision?

Deciding to stick with EE.

Mohamed Asif
Technical Department Head

Being involved with EE helped me to grow personally and professionally.

Carl Webster
CTP, Sr Infrastructure Consultant
Empower Your Career
Did You Know?

We've partnered with two important charities to provide clean water and computer science education to those who need it most. READ MORE

Ask ANY Question

Connect with Certified Experts to gain insight and support on specific technology challenges including:

  • Troubleshooting
  • Research
  • Professional Opinions
Unlock the solution to this question.
Join our community and discover your potential

Experts Exchange is the only place where you can interact directly with leading experts in the technology field. Become a member today and access the collective knowledge of thousands of technology experts.

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.