Question: How do I call specific CSS for ie?

digitaloverlay · 12-28-2007, 10:32 PM

As the title indicates, I am having some problems with ie (who isn't). I am creating a CSS layout and see that my layout isn't the same for FF and IE so I wanted to make one for IE to be called if the user is using that browser. After searching the web I found the hack to implement this but it isn't working.

This one is for greater than or equal to ie 6.



One for ie 6 only.



The others are similar. Here is the ref site: http://www.thesitewizard.com/css/excludecss.shtml

here is my test page (for now): http://www.digitaloverlay.com/rd/index2.htm

Thanks gang for helping me out.

digitaloverlay · 12-29-2007, 01:03 AM

Update: I have scoured the web and seem to be doing the code just as it should be but it just isn't working. It sucks that it is 3AM here and no on is one to read this, I could really use the sanity check.

I am able to get the results of the conditional comment but it is not calling the css file.

megamoose · 12-29-2007, 04:15 AM

I read somewhere that IE7+ has stopped the specific CSS things from working (thanks Microsoft).

Because I know you used to be able to do something like *:HTML and only IE would pick it up, or something like that.

Hopefully someone can help you out, but in general IE sucks and I have just come up with the conclusion that if the majority of the site works, is attractive and readable except for one little padding pixel being out of place, then just forget about it. Take megamoose.net for an example, the top header looks horrible in IE but I couldn't give a hoot

Mark

digitaloverlay · 12-29-2007, 04:18 PM

After reading the following websites, I converted my HTML to XHTML and ensured that my ref links were in the head section. Everything works well now with loading CSS files based on browser. If you have IE and FF (or other browsers like I do) then you may test my pages on your browsers. Keep in mind that the backgrounds may not be what I am going to use for the real site but wanted to make sure that they were different for the ie browser.

Research links for browser specific CSS files:
http://www.quirksmode.org/css/condcom.html
http://www.elated.com/articles/inter...onal-comments/

My test page:
http://www.digitaloverlay.com/rd/index2.htm

Thank you for reviewing.

Take care everyone.

danparks · 02-19-2008, 09:25 PM

Quote:

Originally Posted by digitaloverlay

As the title indicates, I am having some problems with ie (who isn't). I am creating a CSS layout and see that my layout isn't the same for FF and IE so I wanted to make one for IE to be called if the user is using that browser. After searching the web I found the hack to implement this but it isn't working.

This one is for greater than or equal to ie 6.



One for ie 6 only.

Seems like you're doing it correctly. Make sure your order is correct, as in list a css file you always want first, then add additional files after. Each additional file includes *only* css overrides that pertain to the browser of interest. In the following example the first file (cssSiteAll.css, located in a directory named css) has all the css in it, and it works in non-IE browsers like FireFox. Then, the next file (cssSiteIEAll.css) holds only css that is needed to correct problems that occur when viewing your site in any IE browser. It doesn't copy the entire cssSiteAll.css file - it only holds the changes needed for IE to look good. Other, non-IE browsers will ignore this css. Next, if there is something that looks good in IE6 or less, but shows up bad in IE7, the third css file holds css for just those corrections.

<link href="css/cssSiteAll.css" rel="stylesheet" type="text/css" />



Somewhat confusing, but try it out - it works.

Dan