I am still a newbie at creating web pages. My first one is www.reicpemeister.com and once I got it up and running I discoved Firefox's web browser and wanted to view my site from there but it doesn't look the same. I am not sure what I am doing wrong or what I need to do different. My research has told me that Firefox & IE don't use all the same protocols for reading HTML but that didn't tell me enough to fix the problem. Does anyone have any suggestions? I would also appreciate any feedback on the site desing itself...be kind it is my first site. Thanks
They're different browsers so they show up different, just trial and error with each one until they look the same.
cheftech, what do you want the site to look like? (kwality, while they may use different rendering engines, they do tend to follow the same rules; though Internet Explorer 6 does have some "quirks" about it - most of which have been fixed or can be worked around in IE 7)
IE and FF render pages drastically different. Pretty much, if you design it to look right in FF, theres usually some fix in the CSS to make it took the same in IE. What exactly are you doing? Is it HTML Tables, or CSS div tags, etc? Generally, if its simple layout things, adding spacers, or little nudges in sizeing will fix it. For more complicated things, it would totally depend on the code. There are fixes you ought to be able to find if you do a search for the function on google.
basically IE sux ass, and renders certain bits of html and css differently then FF ( which owns all. ) like they said trial and error will lead you to success .
Errr...what? Firefox's rendering engine (Gecko) is pretty bad, and in my opinion, no better than IE7's (Trident). Opera (Kestrel) and Safari (WebKit) are the browsers which render pages as they should be (Safari moreso than Opera). You need to learn CSS tricks that work on all browsers to get your site working on them. It is hard to explain
mainly a css problem. FF and IE still sometimes disagree on crap subjects like table tags. That, in my personal opinion is just stupid... but, generally, what alot of people do, is make their site look perfect in firefox. Then...tweak around with it so that it looks *roughly* what it should in IE. By roughly, i mean you're content that half of the people will be seeing that, while the other half sees it the true right way. Its a problem all around Although, if you read the news on IE8, its supposed to pass the acid test (then it fails again....but, we can hope ) that would make things *slightly easier on us hehe
I have been a webmaster for over 3 years now and often times I still encounter this problem. I don't give too much damn about it though. I really don't know its technicalities and all but what I do is just adjust what appears to be different and preview them on both browsers. Just using my estimates. Just like what kwality said... trial and error.
Thanks all of you for your help. I'll tweak with the css and see if I can work it out. I have seen some web pages that have a declaration statement <!--[if IE]><link rel="stylesheet". This seems to reference another css if the browser is IE. I don't know how this is done or if it is necessary. Can anyone tell me if this is a viable option and then how to do it?
It's usually not necessary, but since not everybody knows how to code around IE (without hacking), it's often used as a band-aid.
cheftech, while I would love to write out how to do a browser dependent css switch, someone's already done it check out a nice tutorial thats applicable for IE http://www.thesitewizard.com/css/excludecss.shtml cheers and let me know how good that is.