|
|
|
|
![]() ![]() |
![]() Group: Members
Posts: 15 Joined: 18-July 07 Member No.: 46,652 |
Post
#1
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? |
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: [HOSTED]
Posts: 207 Joined: 12-July 07 From: Canada Member No.: 46,349 |
Post
#2
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 |
![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: [HOSTED]
Posts: 134 Joined: 16-July 07 Member No.: 46,567 |
Post
#3
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.
|
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() 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 ![]() myCENT:81.50 |
Post
#4
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. |
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: [HOSTED]
Posts: 1,093 Joined: 3-August 04 From: Nigeria Member No.: 569 |
Post
#5
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. |
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: [HOSTED]
Posts: 936 Joined: 14-April 05 From: West Chester, PA Member No.: 5,636 |
Post
#6
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.
|
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() |
Post
#7
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 |
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: [HOSTED]
Posts: 1,093 Joined: 3-August 04 From: Nigeria Member No.: 569 |
Post
#8
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. |
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: [HOSTED]
Posts: 920 Joined: 23-December 05 Member No.: 16,099 |
Post
#9
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.
|
![]() ![]() ![]() ![]() Group: Members
Posts: 67 Joined: 13-January 07 From: New Delhi Member No.: 37,091 |
Post
#10
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 |
![]() ![]() |
Similar Topics
| Topic Title | Replies | Topic Starter | Views | Last Action | |||
|---|---|---|---|---|---|---|---|
![]() |
38 | Roly | 57,947 | 4th November 2009 - 03:03 PM Last post by: TheDarkHacker |
|||
![]() |
24 | shadowx | 3,464 | 23rd July 2009 - 12:41 PM Last post by: shadowx |
|||
![]() |
33 | The Simpleton | 582 | 1st November 2009 - 12:41 PM Last post by: The Simpleton |
|||
![]() |
0 | (G)angelic face | 93 | 26th September 2009 - 12:46 AM Last post by: (G)angelic face |
|||
![]() |
15 | bttfpromo | 13,579 | 27th October 2009 - 10:10 AM Last post by: shadowx |
|||
![]() |
17 | -maddzicks- | 11,733 | 5th August 2009 - 08:25 PM Last post by: sandeep95 |
|||
![]() |
14 | holyium | 11,241 | 31st August 2009 - 12:39 PM Last post by: ackotheadvertiser |
|||
![]() |
30 | winflowers | 27,314 | 23rd October 2009 - 06:29 PM Last post by: clintovsina |
|||
![]() |
11 | err | 17,284 | 22nd August 2009 - 08:36 PM Last post by: iworld200 |
|||
![]() |
9 | skter4938 | 1,721 | 4th August 2009 - 02:22 AM Last post by: Stardust_Moods |
|||
![]() |
13 | zip_mc | 8,678 | 30th July 2009 - 06:51 PM Last post by: iworld200 |
|||
![]() |
11 | Mr Self Destruct | 15,165 | 26th September 2004 - 04:37 AM Last post by: Mr Self Destruct |
|||
![]() |
8 | tricky77puzzle | 1,385 | 16th June 2008 - 05:14 PM Last post by: tricky77puzzle |
|||
![]() |
101 | solankyno1 | 19,452 | 7th September 2009 - 11:37 AM Last post by: nnsoccer |
|||
![]() |
15 | cragllo | 21,058 | 23rd October 2009 - 06:31 PM Last post by: clintovsina |
|||
|
Open Discussion | Time is now: 6th November 2009 - 09:24 PM |
Web Hosting Powered by ComputingHost.com.