Viper Creations
Comeback Contest
Check out our forums for the an explosive comeback contest. We are giving away everything from iPods to Visual Studio. more...
»User: »Password:   Remember Me? 
Webmaster Forum - Viper Creations / Programming / (X)HTML/CSS / Firefox and Internet Explorer diffrences
Posted:  08 Nov 2006 23:05   Last Edited By: haxan
firefox is a new browser but has been put to great use because of its data fetching speeds. Although there are a lot of bugs which need to be fixed in firefox which include <DIV> and paddings and margins of <H> tags, yet it is used by 35% of the users now

this tutorial will help you get this problem solved

the first step is to write a css for firefox.

test the webpage on both, firefox and IE (internet explorer).

try to eliminate as much diffrences as you can by changing your HTML to XHTML. (standard).

if the problem still remains, then add the following line in your <HEAD> tag:
Code:

<link rel="stylesheet" href="common.css" type="text/css" />
<!--[if gte IE 5]>
    <link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->


the command

Code:


<!--[if gte IE 5]>
<![endif]-->


basically means that if the browser is greater than version 5 of internet explorer, you can apply the a seperate style sheet.

the thing to remember is that you dont need to define the whole IE stylesheet again, but the bugs only.

i.e if you set the margin:0px in common, and it is not working that way in IE, write margin:-2px in the IE.css

hope you understand my point.
__________________
my own tutorial website... i love it... yeah i really do. marry me ..

http://www.tutorials-expert.com