Could someone help me with this?

impulse29 · #1 Aug 7th, 2006, 02:09

Due to my problem with inconsistencies between browsers, I have decided to make 3 separate .css files and that, depending on the browser, the correct one is used. However, I have never linked to a separate .css file, nor do I fully know how I would go about directing a browser to a .css. I have searched the web extensively, and what I have found seems to be too hard in its current form. As well, I would require that the three browsers (Safari, Firefox and IE) are included. If someone could help me by writing some code, or just direct me, it'd be appreciated.

I have already checked these sites:
http://www.webdeveloper.com/forum/sh...ad.php?t=62789
http://www.utoronto.ca/ian/books/xht...pt/css-4a.html <-- I think this one is what I should be looking for, but don't quite know how to implement it (or add the Safari browser).

ukgeoff · #2 Aug 7th, 2006, 12:02

You need to put all your standards compliant browser css in to one file and make that the first file thets linked into your page.

Create a file for the IE issues, I always call mine 'ieonly.css' and link this in using the conditional test, that only IE understands, as shown below.

Code: Select all

<!--[if lte IE 6]>
<link rel="StyleSheet" type="text/css" href="ieonly.css" />
<![endif]-->

The reason for putting this next is that this will overwrite anything in the standard css file that has matching attributes.

You really shouldn't be having that much trouble with Safari. What I suggest you do is look at the various Safari 'hacks' and incorporate them into your standard file. There is a way to do it that will only be interprited by Safari.

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
Could someone help me with this?