Ie/ff

They have: 1 posts

Joined: Jul 2007

I have a major question for you. I am not new at building sites in IE , but I am new to it in FoxFire. My question is how do I make the site I am working on to look the same in IE as it does in FF. Right now when I view the site in FF it looks Great then when I view it in IE it is all jacked up. How can I fix this problem. Here is a link to it http://www.icducks.com/ger/

any help on this would be great

thank you

He has: 629 posts

Joined: May 2007

Hi Frtaz,
Welcome to the world of buggy browsers.

I think you are talking about Firefox. While it, too, has bugs, it is a least a modern browser and far more capable than any version of Internet Explorer, I'm afraid. IE is still based on the 1997 Trident engine, and Microsoft maintains the "old" behavior for the sake of old sites that depend on it. There is a so-called "standards mode" that is triggered by relevant DOCTYPEs, but the behavior is extremely buggy.

Assuming you are attempting to use CSS for layout, the best resource I have found to begin tackling some of these bugs is on the css-discuss Wiki. They also have a page on the effects of DOCTYPE.

If you haven't tried it yet, I recommend the Firebug plug-in for Firefox. It rocks!

I also suggest you do not try to make your page "look the same" in different browsers, or you may rapidly lose all your hair. Presentable in all browsers, yes. The same? No.

Cordially, David
--
delete from internet where user_agent="MSIE" and version < 8;

ejcross's picture

He has: 27 posts

Joined: Jul 2007

I have found that it is best to design for Firefox, and then fix the bugs that render in IE. IE7 is pretty close to what FF shows, IE6 sucks, and it gets worse from there.

I strongly recommend Firefox, and use the Chris Pederick plugin for web development: http://chrispederick.com/work/web-developer/
this plugin for FF has saved me countless hours of figuring out things as you can turn on and off the CSS, use the information bar to see exactly what element is showing, and shows the div blocks, plus more.

As for bugs in IE, I would recommend:

http://www.positioniseverything.net/

This site has some of the best known IE bugs and their fixes.

Good luck!

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.