Ie8 -9-10

Viewing 3 posts - 1 through 3 (of 3 total)

Author

Posts
olejenya Friend

olejenya
Join date:
July 2012
Posts:
14
Downloads:
10
Uploads:
0

Thanks:

4

July 15, 2013 at 5:53 pm #188968

Greetings. My site in ie8 does not appear as it should. I would like to add a separate css for IE8. How to do it. And just one more question, how do I connect an additional Customise css created by me in this topic? For example Dark theme, and in it I want to create a dark.css that would styles were only Dark, and the compiler of loess did not interrupt?
TomC Moderator

TomC
Join date:
October 2014
Posts:
14077
Downloads:
58
Uploads:
137

Thanks:

948

Thanked:

3155 times in 2495 posts
July 15, 2013 at 5:59 pm #499087

The best method, by far, is the CONDITIONAL CLASSES technique. Here’s how you do it:

    <html> 

This uses conditional comments to target certain versions of Internet Explorer, and the <html> element receives a custom class name for different versions of IE, and no class name when the browser is not IE.

Then in your CSS, you would target IE7 or IE8 like this:

.element { margin-bottom: 20px; }
.ie7 .element { margin-bottom: 10px; }
.ie8 .element { margin-bottom: 15px; }

Every browser will have a bottom margin of 20px on the element in question, but IE7 and IE8 will have a bottom margin of 10px and 15px respectively.

It’s important to note here that although targeting IE is necessary at times, it is strongly suggested that you try to find a better way to fix any browser differences, and avoid using conditional classes or any of the hacks mentioned below, if at all possible. Sometimes you just need to rethink your CSS and possibly your markup, and you can avoid this extra code from the start.
1 user says Thank You to TomC for this useful post
1. olejenya
TomC Moderator

TomC
Join date:
October 2014
Posts:
14077
Downloads:
58
Uploads:
137

Thanks:

948

Thanked:

3155 times in 2495 posts
July 15, 2013 at 6:10 pm #499089
Another method is to use CONDITIONAL STYLESHEETS

Why use conditional stylesheets?? . . .
- You’ve got IE related problems that need to be fixed
- Keeps your code hack-free and valid
- Keeps your main stylesheet clean
- Perfectly acceptable technique, sanctioned by Microsoft
These conditional tags don’t have to be used only for CSS. You could load JavaScript, or even use them down in the content of your site to display special IE-specific messages.

CONDITIONAL STYLESHEET CODE:
This would go in your <head> with all the other regular CSS <link>ed CSS files. The opening and closing tags should be familiar, that’s just regular ol’ HTML comments. Then between the brackets, “IF” and “IE” should be fairly obvious. The syntax to note is “!” stand for “not”, so !IE means “not IE”. gt means “greater than”, gte means “greater than or equal”, lt means “less than”, lte means “less than or equal.”

Target ALL VERSIONS of IE:



Target everything EXCEPT IE:

 <link rel="stylesheet" type="text/css" href="not-ie.css" /> 

Target IE 7 ONLY:



Target IE 6 ONLY:



Target IE 5 ONLY:



Target IE 5.5 ONLY:



Target IE 6 and LOWER:




Target IE 7 and LOWER:




Target IE 8 and LOWER:




Target IE 6 and HIGHER:




Target IE 7 and HIGHER:




Target IE 8 and HIGHER:



1 user says Thank You to TomC for this useful post
1. olejenya
Author

Posts

Viewing 3 posts - 1 through 3 (of 3 total)

This topic contains 3 replies, has 2 voices, and was last updated by TomC 11 years, 4 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum

Quick Navigation

Site navigation

olejenya

TomC

TomC

Important Notice :

Jump to forum

Categories