My site design is different in IE and Firefox

My website design is different in IE and Firefox

my Title bar shows up in Firefox but not in IE

why? Here is the snap shots

Firefox



Internet Explorer

 

Damn..

I copied your code and CSS to my DW and it doesn't look nice . It really is hard to get websites working with 3 main browsers (Firefox, Opera and IE).

Ok I don't have much to do so I'll try to correct your code for a bit.

Also, if someone knows any Webmaster tool that can show 3 (or more) different browsers together then please reply it

 

hey sogastic, its now 4 main browsers.

(FireFox, Opera, IE, and Safari)

yay! a new browser to fix!

 

"Thats awsome"

Now I can spend more memory (well actually theres nothing left anymore) on the forth browser.

Well I couldn't find the download link but I think if website works with those 3 browsers It works with Safari also.

Thanks for the tip inivisble


Janar

 

first your code is not very nice... on which program did you generated the code? because it's full of errors and stuff like that. Fortunatelly FX compensates pretty good, but IE, with all it's bugs, does not compensate at all. So in result you get those differences.

Btw, bad use of bg images and too much absolute positioning there. That is far from what's called a stable cross-browser design. I would tell you to learn HTML, because its obvious you have no clue what HTML is and how to "play" with it. Also some CSS would help you a lot.

@sogastic: usually if it works on FX and IE, it works on all 4 browsers. As I recall Opera still has some minor problems regarding absolute positioning, but it should be just fine. Safari should work also, with maybe some minor diff's. And keeping in mind that Safari it's still in beta, i wouldn't recommend it as a test browser (as i wouldnt recommend FX3.0alpha7-Minefield as a test browser). So 2 should be enough (if you don't use some tricky css, which is not the case).

 

*Offtopic*

Can anyone tell me why there is another browser ?
It wouldn't be popular unless it has some own unique features. But If someone has great ideas for browser and thinks to create his own browser he should corporate with firefox .

 

It is a PHPLD directory that's the problem

could any body here tell me how I can correct the mistakes

 

you need some css to rework your content placement to prevent stuff from shifting in different browsers

 

I corrected the html and html should be also w3c valid.

You can see the example here

http://www.goommedia.com/directory

 

Couldn't edit my earlier post. Says live links are not available yet for you or something.

If you need help by copypaste and changing my example code to yours then shout it

Janar

 

Now it's work fine


Thank you very much!

 

Try this too, there are still a lot of people on Internet Explorer 6. This is useful if you updated your ie version to 7.

http://tredosoft.com/Multiple_IE

Flash and some contents don't work the same with the standalone ie6 version, but it's nice for positionning tests.

Also, I suggest you to work in a "fix" mode. IE7 is following (more or less) W3C standards, as does firefox. You should have a W3C CSS, your main CSS, and a fix CSS(almost only for ie6) which is called only upon browser detection. This will create clear CSS and will help you designing, because the changes you do to patch the problems won't affect your good CSS.

 

Only if you're drinking the "Code for Firefox, hack for IE" kool-aid. Web development should be browser agnostic, meaning you test in Internet Explorer, Firefox, Opera and Safari (I also suggest adding K-Meleon, Konqueror and Netscape to the list, but that's your call) as you go along. And with Safari 3 coming to Windows (a beta of Safari 3 is available) there's no excuse to check on that anymore, especially with it rendering virtualy identically to Safari 2 (which is currently the standard on OS X).

It's only "a new browser to fix" if you've been ignoring it for the past five years or so. Which 95% of designers and developers appear to have done so.

Save your money. If you're running a legal copy of Windows XP, upgrade to Internet Explorer 7. If you're using Vista, you already have IE 7 by default. Next step is to go grab the standalone versions of Internet Explorer (you only need 5.01, 5.5 and 6, and you may not even need 5.01 and 5.5 unless you want to support them), then edit (I mean hack) the Windows Registry[/ul]. Then download a copy of Firefox, Opera and Safari (go with a custom install and don't let it install Bonjour or anything else - this is a beta afterall).

As for thinking "well, if it works in three, it'll work in Safari as well" I used to think that way as well. But it's not always true. Safari doesn't seem to like positioning the HTML and BODY elements, and it's also rather restrictive with how you style form elements and form controls, so you NEED to test in Safari. For the past couple years I used to rely on screen capture services and friends with Macs. Now that I can test on Windows directly, there's no need to do that.

That's not a nice thing to say. Rather than saying "learn HTML" why don't you offer a suggestion that's actually useful? Like "I suggest you read Build Your Own Web Site the Right Way Using HTML and CSS by Ian Lloyd and Designing With Web Standards, 2nd Edition by Jeffrey Zeldman? (I'd also toss in Don't Make Me Think! A Common Sense Approach to Web Usability, 2nd Edition by Steve Krug.)

As for compensation, IE's the one that will bend over backwards to compensate for a design. Other browsers will adhere to the specifications as much as they can, quirks mode and backwards compatibility be damned.

With regard to the "if it works in IE and Firefox, see what I said above. Web development should be browser agnostic. Meaning don't code for Browser X, hack for Browser Y and pray to whatever diety (or dieties) you worship that it works in the others, because it's not going to happen. There are four major rendering engines on the market today that developers have to target. Trident (IE), Gecko (Epiphany, Firefox, Flock, Galeon, K-Meleon, Netscape 6+, etc), Presto (Opera), and KHTML/WebKit (sometimes called WebCore, which covers Konqueror and Safari). Target those as you go along when building your Web site (rather than at the end) and you'll save a LOT of time and effort.

As for Opera and Safari, I haven't seen ANY issues with Opera handling absolute positioning since 8.5 went completely free, so you might want to either check your sources or alter your coding habits. As for testing on Safari, I actually recommend that you DO test on it. It's currently rendering almost identically to Safari 2 on the Mac, which is the current generation in widespread use. As the development team improves the browser, it'll get closer to what Safari 3 will become, and when that's released, expects a lot of Mac users to upgrade to Safari 3 - and Windows developers should too.

Why is the grass green? Why is the sky blue? Why does the sun rise in the east and set in the west? Oh wait. Those weren't your questions.

The best answer is that Internet Explorer was developed so that Microsoft could compete with Netscape during the mid-90s (and eventually crushed the browser as Netscape 4 was about as horrible as a pedophile at a daycare center - not that IE 4 was that much better mind you - and that IE 5 was released while the Netscape team was building what would become the Gecko rendering engine that was released as a public beta with Netscape 6, which by then was too late for the Netscape browser; just so you know, the current version of Netscape's browser is 9, and can be downloaded from http://browser.netscape.com along with older versions). Opera Software started developing their own browser around the same time as Netscape, and quickly became a leader in the mobile browser market, but its desktop browser langusihed for years. I actually have an article on the history of the Opera browser over at www.search-this.com if you want to read it. Go to www.search-this.com/browsers/ and you'll find it (same name as here). I do need to go back, make a few edits (despite trusting Wikipedia as a source of knowledge about as much as I trust a politician to be honest) update the article and get back to writing the mini-series. The Mozilla Foundation started off as a non-profit organization dedicated to continuing the development of the Gecko rendering engine (Mozilla Application Suite - which was just an updated version of Netscape Communicator, Mozilla Seamonkey, Mozilla Firebird/Firefox), well, to say more about that would be pointless, since just about everyone who's either tech savvy or know someone who does has heard of Firefox. As for Apple, well, they have to have everything their own way. Rather than play with the established rules in the marketplace, they had to create their own market and then write the rules for that. Take that away, and Apple Computers, Inc. would go out of business faster than the 1929 Stock Exchange Collapse that ushered in the Great Depression.

Actually, I don't recommend doing this (using conditional stylesheets) unless you need to support things like min/max-width/height, PNG alpha transparency, opacity, or :hover working on everything, as opposed to just anchors. And then, I'd use a conditional comment that targets only older versions of Internet Explorer (use if lt IE 7 to do this).

Freewebspace, jeffbrowninc.com is the site you're having problems with, right? If so, please let me know and I'll work up a re-write/doc sheet for you (may take a couple days, but that's because I want to make sure it's done right, and because I have to work today and tomorrow before taking Saturday off to spend time with friends).

 

4 main browsers eh?

well if you consider that IE accounts for 89% of all my stats, I'd say pretty strongly that there is only 1 main browser! IE! My opinion: I design websites using Visual Studio 2005, Expression Web, hosting on IIS Windows 2003 Servers. Everything I do always looks perfect in IE! naturally, microsoft won't let their own stuff look bad in their own browser. anyways, firefox is 2nd runner up at a whopping 3.8%. Internet explorer will remain the most popular browser until someone else can make a rival operating system to windows. mac = bleh IMo. sorry mac people!

 

Which means either most of your visitors are comfortable with using Internet Explorer or you're forcing them to A.) use Internet Explorer to visit your Web site, your Opera users are having the browser identify itself as IE, or they (your visitors) are leaving in droves never to return. It doesn't matter what server your site is on since the browser is the one in charge of rendering the page.

And with regard to your comment that IE will remain the most popular browser untila rival OS is made, that's a load of garbage and just demonstrates that you are either ignorant or have no idea what you're talking about when it comes to browser usage, usability or even user habits.

 

Just going by my stats on all 30 websites i manage man. IE by far is the most popular browser to this day. Clearly due to the mass distribution of windows operating systems that come bundled with IE. As far as my statement that there is 1 main browser, draw yourself a pie chart, then put IE with 89% of the pie. Things will become more clear to you. If there were 4 main browsers, you'd see a more even sharing of the pie. However, Firefox, Opera, and Safari share the minority slice. Making them, well.. runners up I guess. LOL, I just looked, today Nokia Phone Browser is in 3rd place! Go nokia phone browser!

 

You're talking about the application itself. I'm talking about the RENDERING ENGINE that powers those applications. Those four main browsers use four rendering engines that take up about 100% of the desktop browser market.

Trident (Internet Explorer)
Gecko (Netscape 6+, Firefox, Flock, Epiphany, Camino, DocZilla, Galeon, K-Meleon, etc...)
Presto (Opera)
KHTML/WebKit - sometimes called WebCore (Konqueror/Safari)

And remember, not everyone uses Windows. Rather than controlling what browser the user has to use, one should respect the browser's choice, which is what browser-agnostic Web development strives for (and can even fulfill accessibility and usability requirements in those areas as well when done properly).

 

Though IE comes with windows ,only first time internet or computer users will be using it! (who have bought a computer less than 1-3 months)

 

That's not true. A lot of people are fine with using Internet Explorer "because it's there" and "because it just works" (though they don't know what we do).

 

actually, IE6 and IE7 are totally different, so the 4 main browsers are

(IE6, IE7, Firefox, and Safari)