Page looks different in IE than in Firefox yet again...

Hey guys

I use Firefox primarily and my page looks like I want it to in Firefox, but has extra space on the right side in IE. Take a look and see if you can help me.

http://bellsouthpwp.net/b/u/budjordan/newsite/index.html
CSS file: http://bellsouthpwp.net/b/u/budjordan/newsite/style.css

Thanks for your help!!

PS, I'm using Nvu and it looks like I want it to in the preview section of Nvu. Just IE is giving me crap

 

Try changing your #title from:

To:

The margin-right was defined at 19px

It looks fine to me in both firefox and IE now.

 

That certainly helped! Thanks

I hate to be picky, but there is a slight difference. If you notice where the links are in Firefox, it fits snugly, but in IE, there's more space below the links than above.

Any ideas on that? Then I should be satisfied. Thanks for your help

 

Yeah, visit the site again to see it

 

One more thing, where do you live? I live in the SE, too, and I saw that you hike. Just wondering where!

 

I live in AL. Most of my hiking has been done on the AT. Though my brother and I have a few out and back spots in north GA and NC that we like to make it back to every few years. You?

I see the difference in the twoiews (IE vs FF). I can't see a reason for it at first glance, though I will probably have time to look at it tomorrow. I'll post in the morning if I can help.

 

You can try...

replacing this...

Code:

<div style="text-align: center;">

with this..

Code:

<div style="text-align:center;vertical-align: middle;">

 

Vertical alignment won't make things "snug". Only centered in the excess space.

This is almost certainly an issue with the PADDING on the links. Firefox and Internet Explorer interpret padding differently.

See this link for an explanation. I would advise looking for a solution that doesn't use padding, if possible.

 

I live in Tupelo, and go to school in Columbus. My girlfriend's brother recently hiked the AT upward. Left in March and came back in September and about 30 pounds lighter, lol...

Over spring break, I'll be going to Cloudland Canyon state park. Have you ever been there? It's in northwest GA, not too far from Chattanooga.

 

By the way, the page looks better, if you all want to look at it. There's still a slight difference under the links. In IE, there's a bigger gap under them. But I can learn to live with it

I did some work on it... Add a border. The border looks great in IE and pretty good in Firefox. For some reason in Firefox, it didn't put the left side border on the line with the links in it. No idea why... So one thing looks good in IE and wrong in FF and vice versa... ARGH

 

It's likely that your code isn't up to standard! When Internet Explorer encounters non-standard code, it will go into "quirks mode" where it will render the page in hopes of achieving the effect you are after. Firefox will not lie to you, and renders it as you have coded it. The results you get in Firefox are closer to what all browsers will see when you encounter these situations.

Make sure you run your code through the HTML validator at http://www.w3.org, and you shouldn't have these IE vs FF issues!