Locking in to IE8 vs IE7 using CSS?

#1

I'm using the "CSS - The missing manual" book to learn, among many
other reasons, how to get rid of tables and have CSS do all the work.

To try to stay legal, I'll say here that the following quote came from
that book.

This is not about the book, it's about something they say.

Here's the quote.
---------------------------------------------
"But wait—there’s more! IE 8 can also pretend to be IE 7. When someone
viewing
your site in IE 8 clicks a “compatibility view” button, IE 8 goes into
IE 7 mode, displaying
pages without IE 8’s full CSS 2.1 goodness. The same thing happens if
Microsoft puts your website onto its Compatibility View List—a list of
sites that
Microsoft has determined look better in IE 7 than in IE 8. If you’re
designing a site
using the guidelines in this book, you won’t want IE 8 to act like IE
7…ever.
Fortunately, there’s a way to tell IE 8 to stop all this nonsense and
just be IE 8.
Adding a single META tag to a web page instructs IE 8 to ignore
Compatibility
View and the Compatibility View List and always display the page using
its most
standards-compliant mode:

<meta http-equiv="X-UA-Compatible" content="IE=edge" />"
-----------------------------------------------------------

I don't mean to get into the "FireFox versus IE" topic, but to me,
this sounds like a good idea. If I'm going to do my best to make sure
my website is the best and most current CSS ran site I can make it, I
don't want Microsoft to come along and screw it up.

What do you think?

Jack

#2

"Jack" <jacks3113 (AT) yahoo (DOT) com> wrote

Quote:

I'm using the "CSS - The missing manual" book to learn, among many
other reasons, how to get rid of tables and have CSS do all the work.

To try to stay legal, I'll say here that the following quote came from
that book.

This is not about the book, it's about something they say.

Here's the quote.
---------------------------------------------
"But wait-there's more! IE 8 can also pretend to be IE 7. When someone
viewing
your site in IE 8 clicks a "compatibility view" button, IE 8 goes into
IE 7 mode, displaying
pages without IE 8's full CSS 2.1 goodness. The same thing happens if
Microsoft puts your website onto its Compatibility View List-a list of
sites that
Microsoft has determined look better in IE 7 than in IE 8. If you're
designing a site
using the guidelines in this book, you won't want IE 8 to act like IE
7.ever.
Fortunately, there's a way to tell IE 8 to stop all this nonsense and
just be IE 8.
Adding a single META tag to a web page instructs IE 8 to ignore
Compatibility
View and the Compatibility View List and always display the page using
its most
standards-compliant mode:

meta http-equiv="X-UA-Compatible" content="IE=edge" />"
-----------------------------------------------------------

I don't mean to get into the "FireFox versus IE" topic, but to me,
this sounds like a good idea. If I'm going to do my best to make sure
my website is the best and most current CSS ran site I can make it, I
don't want Microsoft to come along and screw it up.

What do you think?

I think you should throw your book away.

#3

Jack wrote:

Quote:

meta http-equiv="X-UA-Compatible" content="IE=edge" />"
-----------------------------------------------------------

I don't mean to get into the "FireFox versus IE" topic, but to me,
this sounds like a good idea. If I'm going to do my best to make sure
my website is the best and most current CSS ran site I can make it, I
don't want Microsoft to come along and screw it up.

What do you think?

Using that meta tag is basically essential for making sites which are
designed in accordance with the standards. Without the meta tag, IE8
may simply repeat the errors appearing in prior versions of IE.

#4

On 06 Oct 2009, Jack <jacks3113 (AT) yahoo (DOT) com> wrote:

Quote:

I'm using the "CSS - The missing manual" book to learn, among many
other reasons, how to get rid of tables and have CSS do all the work.

To try to stay legal, I'll say here that the following quote came
from that book.

This is not about the book, it's about something they say.

Here's the quote.
---------------------------------------------
"But wait—there’s more! IE 8 can also pretend to be IE 7. When
someone viewing
your site in IE 8 clicks a “compatibility view” button, IE 8 goes
into IE 7 mode, displaying
pages without IE 8’s full CSS 2.1 goodness. The same thing happens if
Microsoft puts your website onto its Compatibility View List—a list
of sites that
Microsoft has determined look better in IE 7 than in IE 8. If you’re
designing a site
using the guidelines in this book, you won’t want IE 8 to act like IE
7…ever.
Fortunately, there’s a way to tell IE 8 to stop all this nonsense and
just be IE 8.
Adding a single META tag to a web page instructs IE 8 to ignore
Compatibility
View and the Compatibility View List and always display the page
using its most
standards-compliant mode:

meta http-equiv="X-UA-Compatible" content="IE=edge" />"
-----------------------------------------------------------

I don't mean to get into the "FireFox versus IE" topic, but to me,
this sounds like a good idea. If I'm going to do my best to make
sure my website is the best and most current CSS ran site I can make
it, I don't want Microsoft to come along and screw it up.

What do you think?

The meta tag is probably a good idea but I'll venture to say that in a
relatively short time compared to past history ie7 won't be a
significant player in the browser game, anyway.

--
Neredbojias
http://www.neredbojias.org/
http://www.neredbojias.net/

#5

IE8 totally screws CSS. unbelievable

#6

In article
<99a0e5a3-7f48-471c-8147-4cec60745007 (AT) b15g2000yqd (DOT) googlegroups.com>,
Pedro Sousa <pedro.sousa (AT) fcsh (DOT) unl.pt> wrote:

Quote:

IE8 totally screws CSS. unbelievable

Talk about putting the icing on the cake of a no-URL post!

--
dorayme

#7

dorayme wrote:

Quote:

In article
99a0e5a3-7f48-471c-8147-4cec60745007...oglegroups.com>,
Pedro Sousa<pedro.sousa (AT) fcsh (DOT) unl.pt> wrote:

IE8 totally screws CSS. unbelievable

Did Pedro have an epiphany?

Quote:

Talk about putting the icing on the cake of a no-URL post!

Well at lease these folks know what *they* are thinking...maybe...

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

#8

On 03 Nov 2009, Pedro Sousa <pedro.sousa (AT) fcsh (DOT) unl.pt> wrote:

Quote:

IE8 totally screws CSS. unbelievable

No it doesn't. Yes, there are some mistakes, but all browsers have
some mistakes; I can show you mistakes in Opera which is touted as the
finest css-renderer out there. The one ie8 css "faux pas" that caused
me (non-trivial) problems so far related to hover in lists; other than
that, I can live with it fairly well. However, the question is will
they fix it (and other probs) in ie9? I've noticed that browsers tend
to carry some of the same admittedly-possibly-fairly obscure css errors
from version to version to version.

--
Neredbojias
http://www.neredbojias.org/
http://www.neredbojias.net/

#9

"Neredbojias" <neredbojias (AT) gmail (DOT) com> wrote

Quote:

On 03 Nov 2009, Pedro Sousa <pedro.sousa (AT) fcsh (DOT) unl.pt> wrote:

IE8 totally screws CSS. unbelievable

No it doesn't. Yes, there are some mistakes, but all browsers have
some mistakes; I can show you mistakes in Opera which is touted as the
finest css-renderer out there.

Ah yes, Opera. position: absolute in a parent container that is also
absolutely positioned fails!

#10

In article <hcr3ti$svn$1 (AT) news (DOT) eternal-september.org>,
"Nik Coughlin" <nrkn.com (AT) gmail (DOT) com> wrote:

Quote:

"Neredbojias" <neredbojias (AT) gmail (DOT) com> wrote in message
news:Xns9CB8E4708E26Eneredbojiasnano (AT) news (DOT) albasani.net...
On 03 Nov 2009, Pedro Sousa <pedro.sousa (AT) fcsh (DOT) unl.pt> wrote:

IE8 totally screws CSS. unbelievable

No it doesn't. Yes, there are some mistakes, but all browsers have
some mistakes; I can show you mistakes in Opera which is touted as the
finest css-renderer out there.

Ah yes, Opera. position: absolute in a parent container that is also
absolutely positioned fails!

On my Opera 10 for Mac, for example,

#absolute {
position: absolute;
top: 50px;
left: 50px;
}

#absolutelyAbsolute {
position: absolute;
top: 0;
left: 0;
}

<div id="absolute">...
<p id="absolutelyAbsolute"><img src="pics/crimson.png"></p>
</div>

does not fail?

--
dorayme