Page 1 of 1

Text alignment differences between Mozilla and IE

PostPosted: Thu May 12, 2011 1:26 am
by crit22324
Hello all!

I've put up a website with a picture on the index page, and text under the picture. It's meant to be aligned with the picture, exactly the picture's width and lining up with the picture's edges.

On Mozilla, it's just the way I want it; on IE, it's all messed up.

Of course, it's exactly the same HTML. It seems there must be a difference in the way that IE and Mozilla perceive (or interpret) the same HTML.

Has anyone here ever encountered this before?

Re: Text alignment differences between Mozilla and IE

PostPosted: Thu May 12, 2011 3:37 pm
by aburt
Heh, I see that all the time. So frustrating. And don't forget to check it in Chrome, and all the other common versions of IE in use (6,7,8,9). Safari too, for good measure, though it's often the same as Chrome.

How are you trying to get them aligned?

I'd probably use DIVs to get the alignment problem solved. (Though I confess that with DIVs so broken in IE6, and enough people still using it, I've often resorted to using tables out of frustration. Ugly as the concept is, I find it usually works.) :)

Re: Text alignment differences between Mozilla and IE

PostPosted: Fri May 13, 2011 7:18 pm
by crit22324
Wow, I didn't even think of Chrome . . . I'll be sure to try that! Thanks!

Re: Text alignment differences between Mozilla and IE

PostPosted: Mon May 16, 2011 5:14 pm
by crit22324
The index page looks fine in Chrome as well. Argh, it looks like I'm going to have to resort to using a table!!
(shudders)

Re: Text alignment differences between Mozilla and IE

PostPosted: Fri Jun 10, 2011 9:47 pm
by RuntyUnicorn
I've never understood why folks don't like tables. They work. :) Especially for situations like this!

Make sure you call out what version of HTML you are using in your DOCTYPE. That might help. You can also use an HTML checker to see if your HTML is good.