IPB

Welcome Guest ( Log In | Register )



Tags
This content has not been tagged yet
2 Pages V   1 2 >  
Reply to this topicStart new topic

Firefox V/s Internet Explorer For Web Design


saqib431
no avatar
Newbie [Level 1]
*
Group: Members
Posts: 15
Joined: 18-July 07
Member No.: 46,652



Post #1 post Jul 23 2007, 06:22 AM
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?
Go to the top of the page
+Quote Post
9block
no avatar
Super Member
*********
Group: [HOSTED]
Posts: 207
Joined: 12-July 07
From: Canada
Member No.: 46,349



Post #2 post Jul 23 2007, 06:40 AM
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
Go to the top of the page
+Quote Post
stevethedog
no avatar
Advanced Member
*******
Group: [HOSTED]
Posts: 134
Joined: 16-July 07
Member No.: 46,567



Post #3 post Jul 23 2007, 07:21 AM
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.
Go to the top of the page
+Quote Post
jlhaslip
no avatar
Insert Custom Title Here
*******************
Group: [MODERATOR]
Posts: 4,903
Joined: 24-July 05
From: Linux, DOS and Windows…the good, the bad and the ugly
Member No.: 9,787
Spam Patrol
myCENT:81.50



Post #4 post Jul 23 2007, 01:05 PM
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.

[google]Acid 2 test[/google]

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.
Go to the top of the page
+Quote Post
odomike
no avatar
Core2Q-QX6800
***********
Group: [HOSTED]
Posts: 1,093
Joined: 3-August 04
From: Nigeria
Member No.: 569



Post #5 post Jul 23 2007, 01:12 PM
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.
Go to the top of the page
+Quote Post
fffanatics
no avatar
Privileged Member
*********
Group: [HOSTED]
Posts: 936
Joined: 14-April 05
From: West Chester, PA
Member No.: 5,636



Post #6 post Jul 23 2007, 09:20 PM
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.
Go to the top of the page
+Quote Post
Soviet
no avatar
Premium Member
********
Group: [HOSTED]
Posts: 173
Joined: 13-August 07
Member No.: 48,072
myCENT:98.23



Post #7 post Aug 13 2007, 09:24 AM
When i m doing webs im doing it for Firefox.. IE is bad for me. Im using Firefox many years smile.gif
Go to the top of the page
+Quote Post
odomike
no avatar
Core2Q-QX6800
***********
Group: [HOSTED]
Posts: 1,093
Joined: 3-August 04
From: Nigeria
Member No.: 569



Post #8 post Aug 18 2007, 05:23 PM
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.
Go to the top of the page
+Quote Post
arnz
no avatar
Privileged Member
*********
Group: [HOSTED]
Posts: 920
Joined: 23-December 05
Member No.: 16,099



Post #9 post Aug 20 2007, 07:37 AM
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.
Go to the top of the page
+Quote Post
Codemaster Snake
no avatar
Member [Level 1]
****
Group: Members
Posts: 67
Joined: 13-January 07
From: New Delhi
Member No.: 37,091



Post #10 post Aug 20 2007, 10:28 PM
I think for serious web designing one should consider testing the final product on every possible platform. THerefore one should design keeping n mind the framework of every popular browser. Wether it's IE or FF. You should test it on every explorer. You can never be sure that your site will alwys be viewed on IE or FF. every one can browse your site with his fav. explorer.

P.S I know some geeks in my circle who use lynx for browsing wink.gif And I must tell you you can extract many crucial parts of a site with it wink.gif
Go to the top of the page
+Quote Post

2 Pages V   1 2 >
Reply to this topicStart new topic

Collapse

> Similar Topics

    Topic Title Replies Topic Starter Views Last Action
No new   38 Roly 57,947 4th November 2009 - 03:03 PM
Last post by: TheDarkHacker
No new   24 shadowx 3,464 23rd July 2009 - 12:41 PM
Last post by: shadowx
No new   33 The Simpleton 582 1st November 2009 - 12:41 PM
Last post by: The Simpleton
No New Posts   0 (G)angelic face 93 26th September 2009 - 12:46 AM
Last post by: (G)angelic face
No new   15 bttfpromo 13,579 27th October 2009 - 10:10 AM
Last post by: shadowx
No new   17 -maddzicks- 11,733 5th August 2009 - 08:25 PM
Last post by: sandeep95
No new 14 holyium 11,241 31st August 2009 - 12:39 PM
Last post by: ackotheadvertiser
No new   30 winflowers 27,314 23rd October 2009 - 06:29 PM
Last post by: clintovsina
No New Posts   11 err 17,284 22nd August 2009 - 08:36 PM
Last post by: iworld200
No New Posts 9 skter4938 1,721 4th August 2009 - 02:22 AM
Last post by: Stardust_Moods
No New Posts   13 zip_mc 8,678 30th July 2009 - 06:51 PM
Last post by: iworld200
No New Posts   11 Mr Self Destruct 15,165 26th September 2004 - 04:37 AM
Last post by: Mr Self Destruct
No New Posts   8 tricky77puzzle 1,385 16th June 2008 - 05:14 PM
Last post by: tricky77puzzle
No new   101 solankyno1 19,452 7th September 2009 - 11:37 AM
Last post by: nnsoccer
No new   15 cragllo 21,058 23rd October 2009 - 06:31 PM
Last post by: clintovsina


 



RSS Open Discussion Time is now: 6th November 2009 - 09:24 PM

Web Hosting Powered by ComputingHost.com.