 Firefox V/s Internet Explorer For Web Design |
|
|
|
|
  |
  Jul 23 2007, 06:22 AM
Post
#1
|
|
|
Newbie [Level 1]  Group: Members Posts: 15 Joined: 18-July 07 Member No.: 46,652  |
hi friends.
I have noticed one thing that when we surf web with columns on it we see that internet explorer shows the site in a nice way. But when we surf the same site with firefox, it destroys the whole structure of site. and shows the columns very clearly and boldly. Can any body tell me what's wrong with firefox? |
 |
 
|
|
Jul 23 2007, 06:40 AM
Post
#2
|
|
|
Super Member Group: [HOSTED] Posts: 209 Joined: 12-July 07 From: Canada Member No.: 46,349 |
I believe it has to do with the difference the browsers read and interpret CSS. CSS is a language used to modify the apperance of web elements such as fonts, paragraphs, tables, ect. There is a problem with the way FF and IE read the "padding" command. Now depending what browser the CSS coder used... the results may vary with overlap or thinker borders/gaps.
I first found this out when I was working on 9block.789mb.com - if you view the site in Ie and FF, it looks different. I coded it in FF tho, so its optimized for FF (I never finished the site, or plan on it.). With a little research on google, i've found they have called this the IE Box Model Problem... and it is a mistake on IE's part - not FF's. QUOTE According to the W3C, an assigned 'width' (and 'height') of a box refers to the 'content area' of a box only. The padding, borders, and margins are then added to this value to arrive at the total box width. If the 'width' property is omitted, the total box width is the same as the 'content area' of the surrounding container element. All well and good. Unfortunately, all CSS enabled versions of IE before IE6/strict use a different box model. In that model, the padding and borders are counted as part of any assigned 'width' or 'height'. In the absence of borders and padding, the two models agree. However, if a box has an assigned "width', and if borders and/or padding are added, the standard box model causes the overall box width (between the outer border edges) to increase, while in IE's model the 'content area' gets squeezed by the same amount. This is a major problem for proper page layout. You can read more here: http://css-discuss.incutio.com/?page=BoxModelHack |
|
|
|
|
Jul 23 2007, 07:21 AM
Post
#3
|
|
|
Advanced Member Group: [HOSTED] Posts: 134 Joined: 16-July 07 Member No.: 46,567 |
I've been a firefox man for years but I am starting to come around to IE7 as I have more and more problems with firefox's compatibility.
|
|
|
|
|
Jul 23 2007, 01:05 PM
Post
#4
|
|
|
A computer once beat me at chess, but it was no match for me at kick boxing.  Group: [MODERATOR] Posts: 3,868 Joined: 24-July 05 From: In Trouble Again... still? Member No.: 9,787  |
The Box Model is interpreted differently on the two Browsers, as already pointed out. And IE7 is better at rendering to the W3C Standards as pointed out, also. In addition, these Browsers also handle Table based Layout differently, too, And Floats, Margins, etc.
Firefox is nearer to being a Compliant Browser, so I recommend coding in Firefox and hacking for IE6/7. Use the IE Conditionals to alter your CSS file for them. The IE-only CSS file needs to contain overrides for the 'broken' CSS, not all the CSS. Opera and Konquerer are the only Browsers which meets the Standards completely. (not sure about Safari) There is a site which demonstrates W3C Compliance using a CSS-based image. search:Acid 2 test Apparently Firefox 3 Alpha meets the Standards, too, but it isn't ready for a public release yet, although there is a Topic on the Trap17 which offers a download for testing. Search the Trap for the posting by Buffalohelp. |
|
|
|
|
Jul 23 2007, 01:12 PM
Post
#5
|
|
|
Core2Q-QX6800 Group: [HOSTED] Posts: 1,093 Joined: 3-August 04 From: Nigeria Member No.: 569 |
I think its most likely because of the mozilla engine. Thats y firefox is behaving that way. It once messed up my site. When I view the site on internet explorer, everything will be fine but once I switch to firefox, it distorts a lot of the cells and tables in there.
Well,I had to find a work-around that problem and I was finally able to correct it. I would advice you to use both internet explorer and firefox when designing your website because they use different engines n like you all know, not every web surfer uses internet explorer. It wont be like when someone, somewhere views your website, the who0le thing will be in shambles. For me, I have Internet Explorer, Mozilla Firefox, Netscape 9.0b and Opera all installed in my computer. This is because I use all ofthem to troubleshoot my websites in case of errors. |
|
|
|
|
Jul 23 2007, 09:20 PM
Post
#6
|
|
|
Privileged Member Group: [HOSTED] Posts: 937 Joined: 14-April 05 From: West Chester, PA Member No.: 5,636 |
IE and Firefox both interpret CSS in different ways. Firefox tends to follow the standards better than IE but as a web designer, i make sure my site looks best in IE since it still is the most used browser. However, there are ways to make your website look good in both of them and all the other browsers. To do this, you just make sure you test your site on all the browsers you have and make sure that you design it in such a manner that you are able to find work-arounds for what the browsers interpret incorrectly.
|
|
|
|
|
Aug 13 2007, 09:24 AM
Post
#7
|
|
|
Premium Member Group: [HOSTED] Posts: 168 Joined: 13-August 07 Member No.: 48,072 |
When i m doing webs im doing it for Firefox.. IE is bad for me. Im using Firefox many years
|
|
|
|
|
Aug 18 2007, 05:23 PM
Post
#8
|
|
|
Core2Q-QX6800 Group: [HOSTED] Posts: 1,093 Joined: 3-August 04 From: Nigeria Member No.: 569 |
QUOTE I've been a firefox man for years but I am starting to come around to IE7 as I have more and more problems with firefox's compatibility. Ok wel;, I aint having any problems whatsoever with firefox n the rest of 'em. My problem here is internet explorer which keeps on distorting my web pages n it aint displaying the tables, cells, rows n columns in a proper manner. |
|
|
|
|
Aug 20 2007, 07:37 AM
Post
#9
|
|
|
Privileged Member Group: [HOSTED] Posts: 844 Joined: 23-December 05 Member No.: 16,099 |
I would try to make the site as compatible to most browsers as possible. Of course they are some aspects which may seem only workable to the Windows operating system, considering the Microsoft monopoly, but it seems many WYSIWYG editors do try to include test functions to many multiple browsers.
|