My site http://www.zikbay.com/ looks OK in IE7, but there are several problems when displaying it in Firefox:
1) The Search box is not correctly adjusted (comparing to IE7 - ideal)
2) In "Adverise Here" section, the left margin is too big, again this looks fine in IE 7.. I used padding: 10px, otherwise it will not look good in IE 7...
3) In "featured" section. The columns are not equal. The third column is too big. It looks OK in IE7
4) The tabs in Ajax Control "By location", "By Map" - this text is not centered inside of the tab. It looks OK in IE 7
Welcome to programming webpages across "standards". It is unfortunate that things do not render as they should in IE (or in your case firefox). There are ways around this, css or javascript scripts called 'IE hacks'. Since you coded for IE its a bit harder
to use such hacks, but it will point you in the right direction.
Don't forget to click "Mark as Answer" on the post that helped you.
This credits that member, earns you a point and marks your thread as Resolved so we will all know you have been helped.
The easiest way to go about fixing this adding this piece of css to your website.
http://rikrikrik.com/reset/reset.txt
This will reset all the css to where it should be in all browsers. It will make things break, but when you fix them it will work cross platform.
Don't forget to click "Mark as Answer" on the post that helped you.
This credits that member, earns you a point and marks your thread as Resolved so we will all know you have been helped.
For Firefox: Firebug: debug, and monitor CSS, HTML, and JavaScript live in any web page
As a rule of thumb; it's less painful to develop your CSS in a browser that is more
W3C CSS compliant (like Firefox, Opera, iCab, Safari, and so on) and then make the respective CSS changes for IE.
Quirksmode is an excellent resource for CSS, below links that may be of use:
For the sake of integrity; most of Amanda's reply was quoted from this article:
FF and IE incompatibility
As a rule of thumb; it's less painful to develop your CSS in a browser that is more
W3C CSS compliant (like Firefox, Opera, iCab, Safari, and so on) and then make the respective CSS changes for IE.
Quirksmode is an excellent resource for CSS, here are couple links that may be of use:
On a related note, check out the IE Tab addon for Firefox.
IE Tab - an extension from Taiwan, features: Embedding Internet Explorer in tabs of Mozilla/Firefox...
This is a great tool for web developers, since you can easily see how your web page displayed in IE with just one click and then switch back to Firefox.
- https://addons.mozilla.org/en-US/firefox/addon/1419
I was hoping somebody would give me the hand wghat class, html element needs to be fixed... I am struggling with those problems for a while. I am just C# developer, CSS is all new to me...
rfurdzik
Contributor
3439 Points
1731 Posts
problems with CSS - Site looks different in IE and Firefox
Aug 26, 2007 03:20 AM|LINK
My site http://www.zikbay.com/ looks OK in IE7, but there are several problems when displaying it in Firefox:
1) The Search box is not correctly adjusted (comparing to IE7 - ideal)
2) In "Adverise Here" section, the left margin is too big, again this looks fine in IE 7.. I used padding: 10px, otherwise it will not look good in IE 7...
3) In "featured" section. The columns are not equal. The third column is too big. It looks OK in IE7
4) The tabs in Ajax Control "By location", "By Map" - this text is not centered inside of the tab. It looks OK in IE 7
Buy Sell Domains - DomainsHeat.com
Free ASP.NET controls: Youtube Web Control and Ajax Zoom Control
Dested
Participant
752 Points
168 Posts
Re: problems with CSS - Site looks different in IE and Firefox
Aug 26, 2007 04:52 AM|LINK
Welcome to programming webpages across "standards". It is unfortunate that things do not render as they should in IE (or in your case firefox). There are ways around this, css or javascript scripts called 'IE hacks'. Since you coded for IE its a bit harder to use such hacks, but it will point you in the right direction.
This credits that member, earns you a point and marks your thread as Resolved so we will all know you have been helped.
rfurdzik
Contributor
3439 Points
1731 Posts
Re: problems with CSS - Site looks different in IE and Firefox
Aug 26, 2007 03:50 PM|LINK
Can anybody provide more details what needs to be done? I am not CSS guru, I just know C#...Buy Sell Domains - DomainsHeat.com
Free ASP.NET controls: Youtube Web Control and Ajax Zoom Control
Dested
Participant
752 Points
168 Posts
Re: problems with CSS - Site looks different in IE and Firefox
Aug 27, 2007 06:46 AM|LINK
The easiest way to go about fixing this adding this piece of css to your website.
http://rikrikrik.com/reset/reset.txt
This will reset all the css to where it should be in all browsers. It will make things break, but when you fix them it will work cross platform.
This credits that member, earns you a point and marks your thread as Resolved so we will all know you have been helped.
rfurdzik
Contributor
3439 Points
1731 Posts
Re: problems with CSS - Site looks different in IE and Firefox
Aug 28, 2007 02:05 PM|LINK
The designer says that the Ajax tabs can not be fixed in Firefox, but I do not believe this. Please proove me right:) There must be some way...
Buy Sell Domains - DomainsHeat.com
Free ASP.NET controls: Youtube Web Control and Ajax Zoom Control
Amanda Wang...
All-Star
30008 Points
3104 Posts
Re: problems with CSS - Site looks different in IE and Firefox
Aug 29, 2007 05:40 AM|LINK
Hi,
You can try to use below tool for debugging your CSS, JavaScript, HTML, and the DOM, and find the cause of the problem.
As a rule of thumb; it's less painful to develop your CSS in a browser that is more W3C CSS compliant (like Firefox, Opera, iCab, Safari, and so on) and then make the respective CSS changes for IE.
Quirksmode is an excellent resource for CSS, below links that may be of use:
hope it helps.
Microsoft Online Community Support
Please remember to mark the replies as answers if they help and unmark them if they provide no help.
rfurdzik
Contributor
3439 Points
1731 Posts
Re: problems with CSS - Site looks different in IE and Firefox
Aug 29, 2007 05:47 PM|LINK
Thank you Amanda! I will try to fix this using the tools you have recommended. I have Developer Tools for Firefox, but did not make any progress...
Buy Sell Domains - DomainsHeat.com
Free ASP.NET controls: Youtube Web Control and Ajax Zoom Control
Adam.Kahtava
Contributor
4775 Points
927 Posts
Re: problems with CSS - Site looks different in IE and Firefox
Aug 29, 2007 06:35 PM|LINK
On a related note, check out the IE Tab addon for Firefox.
rfurdzik
Contributor
3439 Points
1731 Posts
Re: problems with CSS - Site looks different in IE and Firefox
Aug 29, 2007 06:59 PM|LINK
I was hoping somebody would give me the hand wghat class, html element needs to be fixed... I am struggling with those problems for a while. I am just C# developer, CSS is all new to me...
Buy Sell Domains - DomainsHeat.com
Free ASP.NET controls: Youtube Web Control and Ajax Zoom Control
Amanda Wang...
All-Star
30008 Points
3104 Posts
Re: problems with CSS - Site looks different in IE and Firefox
Aug 30, 2007 06:39 AM|LINK
Hi,
Would you please post your aspx and css code here for the futher help?
Microsoft Online Community Support
Please remember to mark the replies as answers if they help and unmark them if they provide no help.