All geek questions in one place

Does good CSS design and IE6 / IE7 support mutually exclusive?

Like every web developer, I usually curse the creators of IE6 with a dirty and untimely death at least once a week. However, my company requires me to support the most hated browsers.

My problem today is to first use the wildcard in my CSS, and then use the inherit property instead. None of them are supported by IE7 -.

I really, REALLY want to have good, well-structured, well-inherited CSS (object-oriented CSS, if you like this buzzword), but I have a feeling of tone in my stomach that sooner or later it should be customizable and location-oriented classes .

This begs the question: considering how terribly terrible IE is when processing many CSS concepts, is it not possible to adequately support this browser at the same time as a well-structured CSS document?

Just to clarify: I know that there are many ways (some legal, and even more so) to get around the errors and shortcomings found in IE6 and 7. What I really ask is "if you want to have a single, well-written stylesheet that inherits correctly, you have to choose between this and have a consistent look at all browsers? ". Hope this makes sense.

In other words, should I stick to my principles and code a good style sheet, or should I agree that IE6 still enjoys an incredibly high (20% in the final count) market share and forces me to maintain it? Or is there some kind of happy environment that allows me to minimize Frankenstein operation on my HTML and CSS, while maintaining decent results in IE?

+3
source share
7 answers

, IE ( Microsoft, , ). , . , - -. , W3C, , .

, , IE6/7 CSS-. ... . CSS. , , ( IE), , , .

, "" , . , . , CSS3 , , , , CSS4 , . CSS3 , . , CSS1, .

- CSS- - . , -, . , CSS.

, , , - , W3C , , . , , , . , .. ..

W3C , . , - IE, CSS3, Firefox , Webkit - . "" , . , , , .

+9

- IE IE, "" .

- , , CSS reset. IE, .

+3

IE6 - . , IE. .

- , IE. , , 1 css , .

css hacks, , , - ' IE (6, 7 8)

, FF, Chrome/Safari, IE - .

+1

Position Is Everything, , FF, IE Safari CSS. IE, CSS.

A List Apart CSS IE. CSS, IE .. - IE 6 , CSS.

+1

. , "", "", IE CSS . , doctype ,

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

, - , paddings :

*,html {
margin: 0;
padding: 0;
}

, CSS IE , , . IE, hasLayout; , "", . , "", :

height: 1%;
width: 100%;
zoom: 1;

IE, : PNG GIF IE < 7 - , , , . CSS, , IE 6/7, Mozilla/Webkit.

!

+1

IE 6 , .

( - IE 7 ), . , , . , , , .

.

0

CSS, IE6 Chrome ( Webkit). , , , () .

-1

Source: https://habr.com/ru/post/1706691/

More articles:


All Articles