Slashdot Mirror


Details On IE7 CSS Changes

writes "IE development team has released a list of CSS changes for IE7. Some of the notable new features are enabling :hover for all elements, and implementing position:fixed, and PNG transparency support. In addition, there is a long list of fixed bugs that plagued previous IE browsers for years. These changes (except for PNG transparency) only work under the <!DOCTYPE> switch to preserve compatibility with previous versions of IE."

60 of 203 comments (clear)

  1. Old News by thinsoldier · · Score: 5, Informative

    that IE blog post is from August.
    Old News.

    1. Re:Old News by 192939495969798999 · · Score: 4, Interesting

      Since IE came out way after this blog post, can anyone confirm that these changes are really in the new version?

      --
      stuff |
    2. Re:Old News by masklinn · · Score: 2, Insightful

      Old News.

      But, but... old news are sooo exciting

      --
      "The way we can tell it's C# instead of Haskell is because it's nine lines instead of two." -- wadler
    3. Re:Old News by Iamthefallen · · Score: 5, Funny

      Old news for nerds.
      Stuff that used to matter.

      --
      Wax-Museum Fire Results In Hundreds Of New Danny DeVito Statues
  2. PNG Support by Neovanglist · · Score: 2, Insightful

    It's about damn time. No more having to use crappy file formats to make sure that your websites have to work with IE anymore.

    At least, to some extent.

    1. Re:PNG Support by masklinn · · Score: 5, Insightful

      You'll still have to cater for IE6 or a loong time, especially since IE7 can't be installed on Windows 2000 or Windows XP SP1...

      --
      "The way we can tell it's C# instead of Haskell is because it's nine lines instead of two." -- wadler
    2. Re:PNG Support by Supergibbs · · Score: 2, Funny

      at least that is what MS says..... yeah for forced OS updating!

      --
      First post! (just in case I am...)
    3. Re:PNG Support by Evan+Meakyl · · Score: 5, Interesting

      Tried to hack the installer (update.inf file, to be correct) in order to install it on Win2k. The process starts, but ends saying that the cryptographic services isn't running... Does someone has an idea to bypass this?

    4. Re:PNG Support by Teilo · · Score: 2, Insightful

      Just as long as you don't forget that IE7 is >= XP-SP2. There are a massive number of W2K machines out there that are SOL for IE7.

      --
      Mir tut es leid, Menschen daß Einfältigfehlersuchenbaumfolgendenaffen sind.
    5. Re:PNG Support by Midnight+Thunder · · Score: 4, Interesting

      There is actually a work around for IE's lack of transparency support in PNGs. It depends on some clever tricks with CSS and the fact that IE 6's CSS is broken. The only catch is that it is limited to images defined in divs.

      /* IE versions prior to 7.0 do not support transparency, so the following is a workaround
            taken from: http://www.daltonlp.com/daltonlp.cgi?item_type=1&i tem_id=217
        */

      #site_header_name {
              height: 100px;
              width: 702px; /* Mozilla ignores crazy MS image filters, so it will skip the following */
              filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(enabled=true, sizingMethod=scale src='../images/name.png');
      } /* IE ignores styles with [attributes], so it will skip the following. */ .site_header_name[class] {
          background-image:url(../images/name.png);
      }

      --
      Jumpstart the tartan drive.
    6. Re:PNG Support by tclark · · Score: 3, Insightful

      They can still run Firefox.

    7. Re:PNG Support by giorgiofr · · Score: 3, Informative

      SP2 breaks lots of stuff. Besides, on my PC at work I don't go around installing system upgrades... If anything breaks it's my fault for not asking the appropriate department to do it.

      --
      Global warming is a cube.
    8. Re:PNG Support by Anonymous Coward · · Score: 5, Informative

      It involves starting the setup procedure, and then replacing the hacked inf with the original before the cryptographic service (yes, it has to be in manual or automatic) can verify it. This is easier to do with a slow computer, of course (you may need to write a batch file if you run a modern processor). At least, this works to install WMP11 under Server 2003. What'll happen with IE7 under W2K is very much a mystery, though I'd be surprised if your explorer shell still worked after completing setup.

      I'd try this in a VM first, if I were you.

    9. Re:PNG Support by KDR_11k · · Score: 2, Interesting

      And? IE6 users should be punished until they accept a browser that does not force web developers to implement all kinds of workarounds. Upgrading to XP may cost money but Firefox is free so they have no excuse. And someone running XP SP1 (or no SP) needs to get a clue and finally patch his system. If someone wants to stay on an old version that's their thing but we aren't going to go an extra mile just to accomodate their outdated software. We aren't writing out websites for Netscape 1.0 and we aren't going to write them for IE6 anymore.

      --
      Justice is the sheep getting arrested while an impartial judge declares the vote void.
    10. Re:PNG Support by Teilo · · Score: 5, Insightful

      How elitist of you. Meanwhile, we web developers who actually expect to get paid, have to face the reality of the market. Try to pitch this to the CEO of XYZ corp: "Oh, and by the way, 50% of your potential customers will have to change to a different browser." Get real.

      --
      Mir tut es leid, Menschen daß Einfältigfehlersuchenbaumfolgendenaffen sind.
    11. Re:PNG Support by Anonymous Coward · · Score: 2, Insightful

      Lame approach to the solution. It invalidates the style sheet. It requires to copy-paste nearly the same code for each image. It requires you to write the dimensions manually for each image. It does not work for embedded images (<img src... /> ).

      Be virtuously lazy and reuse the IE7 library instead. (Not related to the topical web browser.)

    12. Re:PNG Support by xianfa · · Score: 4, Interesting

      At my company, I had to install the IE7Block company wide. Unfortunately one of our primary applications (Primavera Expedition) will only work with IE 6.0, not Firefox, not IE 5.5, not Opera. They wrote the app in both Java and ActiveX. Running the web app with IE7 (any version) causes a C++ runtime error and immediate abort.

      I personally use/have been using Opera for around a year now. I love the browser and recommend it to everyone, however for this particular application IE6 is a must, unless we are willing to flush a major business app down the toilet.

      I don't like it but I can't change it.

      --
      The greatest good of man is daily to converse about virtue - Socrates
    13. Re:PNG Support by jonadab · · Score: 3, Interesting

      > You'll still have to cater for IE6 or a loong time

      I'm not planning on it. Once IE7 hits the automatic updates for fully-patched-up users, I'm giving it a month or two and then dropping IE6 support. I'm not going to deliberately *break* IE6, but I'm not going to cater to it either. Win98 users can get Firefox or Opera, and people who refuse to install service packs can go lick a sidewalk.

      I already broke down and started using PNG transparency a year or so ago, and IE6 users can just *see* a funny background color behind the images. The alpha channel is the only way to solve certain layout problems, and I was no longer willing to do without it. By the first of the year I'm not going to be willing to hack around the CSS deficiencies in IE6, either. IE7 is better. It's not perfect, but it's better. So my IE testing will focus on version 7.

      I imagine I'm not alone. A lot of web developers are utterly fed up with IE6. The upgrade to IE7 is so compelling to web developers that it will *become* compelling to the users, because without it there are going to be a lot of websites that don't display properly. Ordinarily very few web developers in the past several years (except the crazed and rabid lunatic fringe, of course) have wanted to be first-movers on requiring users to upgrade their browsers, but this one is compelling, and additionally it is going out via automatic update, so most users are going to be left without any very good excuse for refusing it. Even the usual laziness excuse won't cut it on this one; all you've gotta do is leave automatic updates turned on and Bob is your uncle. Webmasters aren't going to have a lot of sympathy for users who refuse.

      --
      Cut that out, or I will ship you to Norilsk in a box.
    14. Re:PNG Support by shmlco · · Score: 2

      Yeah, a show of hands of how many consultants who kept their jobs after they told their boss or the owner of the company that they weren't going to fix the corporate web site because doing so would be "evil"...

      --
      Any sect, cult, or religion will legislate its creed into law if it acquires the political power to do so.
    15. Re:PNG Support by Evan+Meakyl · · Score: 3, Informative

      Too late ^^ However, your trick has worked. IE7 has installed itself on the system, asked me to reboot;
      I did it, but then things started to go wrong.

      It had a problem with IEDKCS32.DLL during the post reboot install. Now, explorer.exe crashes in shlwapi.dll, and more mysteriously, when I run iexplore.exe, a message box appears and tell me that iexplore.exe is not a valid win32 application...

      So I sum up: no more IE (don't care, use seamonkey), but no more desktop also (for now?)... which is more embarassing!

    16. Re:PNG Support by wolrahnaes · · Score: 2, Informative

      SP2 breaks nothing. Already broken systems (malware typically) fail under SP2 because of the aforementioned breaks not being compatible with new fixes in SP2.

      --
      I used to get high on life, but I developed a tolerance. Now I need something stronger.
    17. Re:PNG Support by Anonymous+Brave+Guy · · Score: 2, Informative

      SP2 breaks lots of stuff.

      So I heard, and it kept me from installing it for a good few weeks until I was reasonably confident I knew what the potential dangers were. In practice, when I did install it, it caused me absolutely no problems at all.

      There were a handful of major applications that did have problem reports linked to SP2 for a while. However, the developers were generally quick to fix these, and I haven't heard of an SP2-related problem report for any legitimate software other than system tools for a very long time now.

      --
      If you disagree, post your argument. (-1, Overrated) isn't your personal censorship tool for views you don't like.
  3. CSS Opacity by Ark42 · · Score: 2, Informative

    It's too bad they couldn't be bothered to add support for CSS opacity then. All the other major browsers have supported that forever, and using filter:alpha(opacity) is getting stupid.
    Also the <input type="button"> still renders with tons of extra padding you can't get rid of, even with padding: 0px; so buttons still show up super large in IE compared to all the other browsers.

    1. Re:CSS Opacity by Anonymous Coward · · Score: 5, Funny

      You said almost precisely this comment the day IE 7 came out. I remember laughing at your crying.

    2. Re:CSS Opacity by Intron · · Score: 2, Informative

      "Select control: CSS style-able and not always on top"

      Looks like they think it's fixed.

      --
      Intron: the portion of DNA which expresses nothing useful.
  4. Now if only someone would fix the reverse... by Channard · · Score: 3, Insightful

    .. which is certain websites requiring IE to work.

    1. Re:Now if only someone would fix the reverse... by Phroggy · · Score: 2, Insightful

      .. which is certain websites requiring IE to work.

      Fortunately, some of these sites require IE6 to work, and their browser compatibility tests will fail on IE7. This will motivate some people to fix the problem.

      (It will motivate other people to just upgrade their compatibility tests, but Firefox is big enough now that they might as well deal with it...)

      --
      $x='S24;r)>63/* h@<5+oZ)32"5cz';$me='phroggy'x$];
      $x=~y+ -xz+\0-Tx+;print$_^chop$me for split'',$x;
  5. what's change since .. by rs232 · · Score: 3, Interesting

    What's changed in CSS specs for IE7 since August?

    Has this been previously reported on slashdot?

    What is your time limit on when infornation gets expired?

    was Re:Old News

    --
    davecb5620@gmail.com
  6. Congrats to MS by TrappedByMyself · · Score: 4, Funny

    They still continue to work hard to implement the CSS2 spec which came out 8 and a half years ago.
    I'm excited to see if they can implement CSS3 in time for my retirement in 30 years.

    Keep your node to the grindstone kids, I know you'll get there!

    --

    Help me take back Slashdot. When did 'News for Nerds' become 'FUD and Conspiracy Theories for Extremist Nutjobs'?
    1. Re:Congrats to MS by CastrTroy · · Score: 2, Funny

      Well, CSS3 is still in draft, so they may not have even started working on that.

      --

      Anthropic principle: We see the universe the way it is because if it were different we would not be here to see it.
    2. Re:Congrats to MS by ConceptJunkie · · Score: 3, Funny

      No, I'm sure they have alpha code that doesn't support it correctly.

      --
      You are in a maze of twisty little passages, all alike.
  7. is it too much to ask? by krell · · Score: 4, Insightful

    "In addition, there is a long list of fixed bugs that plagued previous IE browsers for years"

    It's be nice if Microsoft provided a list of every single unfixed bug in IE7 as well.

    --
    Where were you when the voynix came?
    1. Re:is it too much to ask? by Lex-Man82 · · Score: 5, Funny

      "It's be nice if Microsoft provided a list of every single unfixed bug in IE7 as well." There ain't enough storage space on the Internet for that.

    2. Re:is it too much to ask? by masklinn · · Score: 5, Informative

      Why would they when other people are already doing that

      --
      "The way we can tell it's C# instead of Haskell is because it's nine lines instead of two." -- wadler
  8. Re:Does this mean.. by NineNine · · Score: 2, Insightful

    Whose fault was it for using a partially-supported standard? Did somebody at MS hold a gun to your hand and demand that you use PNG?

  9. IE7 zoom is completely borked by Zaiff+Urgulbunger · · Score: 5, Interesting

    Hi all,

    IE7 isn't ready yet; it needs more testing!

    For example, create a super basic html page. Within the <body> insert a single <p>aragraph, and within that paragraph, insert a(<a href="#">) link (</a>) - insert it somewhere after the start of the paragraph and before the end. E.g.

    <body>
    <p>This is a <a href="#foo">test link</a> for checking IE7 links</p>
    </body>

    Okay, view the page. It looks fine. Now Zoom 125%. The underscore below the link is rendered funny, and even better, if you move the mouse over the link, you'll find the mouse :hover events START BEFORE where the link is rendered and END BEFORE the rendered link ends.

    *I believe* if the link has a background colour, then this background is rendered in the wrong place also.

    Quite honestly I don't know how MS could've missed this... but there again....
    Z.

    1. Re:IE7 zoom is completely borked by gc8005 · · Score: 4, Informative

      Installed IE7, found two problems within 10 minutes.

      Does not work with SalesForce. Buttons do not render. They'll appear as a thin line without text.

      IE7 does not work with our SharePoint / WSS v3 Beta (with R2 patch applied). Excel views crash. Works fine with IE6 and Firefox.

      IE7, IMHO, is not ready for prime time. Even uninstalling is somewhat hidden. Hint: Control Panel, Add/Remove software, show Windows Updates, then find IE7, remove.

    2. Re:IE7 zoom is completely borked by Zaiff+Urgulbunger · · Score: 2, Informative

      No the zoom feature is new to IE7. They did (and still do) have the ability to change the text size.

      Firefox by contrast doesn't have zoom at all. But Opera's zoom is quite considerably better than IE7's!

    3. Re:IE7 zoom is completely borked by Zaiff+Urgulbunger · · Score: 3, Interesting

      No that's changing the text size, which isn't the same as zooming! ;)
      The "zoom" feature on IE7 and Opera will resize text and images, which on the one-hand tends to make images look fugly, but on the otherhand does make sense if you want the entire web page to be better visible to people with poor eyesight.

      There's a nice short description IE/Firefox/Opera size/zoom features on this page.

  10. List of changes by Rik+Sweeney · · Score: 2, Informative

    FTA: We also extended our existing implementations to comply with W3C specifications:

    Left arm starts tingling

  11. Notable lacking features by Jugalator · · Score: 4, Informative
    Using the QuirksMode CSS compatibility chart, some lacking features in IE 7 compared to the competition are:
    • display: table
    • :before and :after
    • :active
    • :focus (IE 5.2 for Mac actually still does a better job)
    • outline (IE 5.2 for Mac has full support)
    • Tables: border-spacing
    • Tables: border-collapse
    • Tables: caption-side
    • Tables: empty-cells

    Only listing shortcomings where support is present in all or nearly all of Firefox, Opera, Safari; the majority of its competition.

    But it's still a huge improvement over IE 6 standards-wise, and I think Microsoft did a pretty good job taking their ancient IE 6 code and doing something decent out of it. IE 7 adds support for all CSS selectors, and even handles the + selector better than Firefox, applying styles correctly in dynamic updates.

    Maybe with IE 8 they will be even more competitive with the browsers of today, standards-wise.
    --
    Beware: In C++, your friends can see your privates!
    1. Re:Notable lacking features by Doctor+Memory · · Score: 2, Informative

      Uhhhh... "display: inline-block" is CSS (CSS 2, anyway)... See here.

      --
      Just junk food for thought...
  12. Re:Does this mean.. by Billosaur · · Score: 4, Funny

    Did somebody at MS hold a gun to your hand and demand that you use PNG?

    Now listen, shee... you're gonna use PNG... and you're gonna like it! Or my six-shooter may have to loose some lead on you, shee? Nyah...

    --
    GetOuttaMySpace - The Anti-Social Network
  13. IE7 bug - 100% CPU Usage with Frames by iONiUM · · Score: 3, Informative

    I'm surprised nobody has noticed this yet. If you load any page which contains frames, where the frames contain a large amount of HTML (or just text for that matter), the CPU will spike to 100% for some period of time that is related to the amount of HTML within the frame. I've tested this numerous times and it's a huge problem. IE6 does not show this issue at all. Go ahead, try it out. What's really interesting is while it's at 100% CPU usage, it will yield the CPU to other processes (if another process requires some CPU), but not to itself.

    I hope they fix it, but something tells me they won't until I drum up some angry mobs.

  14. On other news... by Yuioup · · Score: 5, Informative

    ... Firefox 2.0 is available on Mozilla's FTP.

    (I'm using it right now).

    http://releases.mozilla.org/pub/mozilla.org/firefo x/releases/2.0/

    Y

    1. Re:On other news... by Anonymous Coward · · Score: 2, Informative

      They are exactly the same, md5sum gave me for both: dec219811d989aeed2b8c7e338cc0b03

  15. Re:Does this mean.. by bigbadbuccidaddy · · Score: 2, Interesting

    The Alpha filters still work... With the exception that any text rendered over an Alpha filter (e.g. a .png or an Alpha transparency) looks like ragged shit, as for some reason it is not rendered anti-aliased. For .pngs you can remove the Alpha png filter nonsense, but so far I have no solution for text on top of an alpha transparency.
    Why am I not surprised that in fixing IE they have broken the previous, non-standard hack crap?

  16. yeah, but when will they fix their damn DOM? by victorvodka · · Score: 2, Informative

    How about the fact that you can't change ids on the fly? Or that referring to an object by ID returns one whose name is the ID you're looking for? These two bugs alone are responsible for the loss of two days of my life. Will Microsoft be giving those back to me with this release (which I can't install because I run a pirated copy of XP).

    --

    The flag just makes more sense than the constitution. - Judas Gutenberg

    1. Re:yeah, but when will they fix their damn DOM? by Z34107 · · Score: 2, Funny

      These two bugs alone are responsible for the loss of two days of my life. Will Microsoft be giving those back to me with this release (which I can't install because I run a pirated copy of XP).

      They'll give you those days back when you give them their $90. ^.^

      --
      DATABASE WOW WOW
  17. Re:Does this mean.. by EvilMonkeySlayer · · Score: 4, Insightful

    We have a design spec that we're meant to follow, either we do it in flash or we do it in HTML, CSS with a bit of Javascript and some alpha transparency PNG's.

    Which site would you rather go to?

    I know which i'd prefer.

    I was faced with that exact conundrum a couple of years ago, either I can learn Flash and create a site that is unusable in text browsers, unusable to blind users, unusable to non windows and mac os users and an inability to copy text from the website etc. Or code it in HTML, CSS & Javascript (with a few alpha PNG's) which I already knew. Which the MAJORITY of web devs know.

    I created it in HTML, CSS and JavaScript.

    That said the site which is still up works fine in IE 7 as well as 6, no need to tweak the JS for the alpha png stuff.

  18. XSLT by slummy · · Score: 3, Interesting

    IE7 XSL Transformations are still the same. Writing an XSL stylesheet that transforms the same both in IE and Mozilla is a bit of a paradox. I've figured out ugly workarounds but am still in awe at the level of difficulty when trying to maintain cross-browser compatibility. One thing that I'm wondering about is how IE7 handles a malformed XML document. IE6 has no problem using a document that is not well-formed, whereas Mozilla will complain thoroughly. I guess we'll have to put that to the test.

    1. Re:XSLT by Chatterton · · Score: 2, Insightful

      One thing that I'm wondering about is how IE7 handles a malformed XML document.

      The question is: If having an XSL transformation working the same in the 2 browsers is difficult, why adding more complexity with malformed XML documents ? Only a broken implementation of an XML parser will support mal-formed XML documents...
      It is my point of view. I am an XML wellformedness nazi from the simple fact that XML if for interchange of data. If you are lazy at the way you wrote/generate your XML files, the recipients of thoses files will have huge problems to read, interpret and extract useful information from them.

      I am now rephrasing my question: Why wondering about how a system handle malformed documents (except by rejecting them) when there is no good reason to have malformed documents in the first place ?

  19. Acid 2 Test by kid_icarus75 · · Score: 4, Funny

    Have you seen the new IE 7 acid 2 test results? http://www.webstandards.org/files/acid2/test.html# top They made it even better than the old IE. Now there is stuff that moves when you mouse over it and some random scrollbars too! Kudos to microsoft for creativity!

  20. Re:Does this mean.. by xENoLocO · · Score: 3, Insightful

    Well, you see, when you fix a bug, you, well, fix the bug. All the CSS hacks out there exploit unfixed bugs, so you see by fixing them, they ruin your hacks. That's why you don't hack. Use conditional comments.

    --
    "The need to build the internet comes from something inside us, something programmed... something we can't resist."
  21. Re:PNG Transparency or Opacity? by arose · · Score: 3, Informative

    Have you been hiding under a moonrock? :-D IE6 supports PNGs binary transparency, IE7 finaly supports alpha channel as well.

    --
    Analogies don't equal equalities, they are merely somewhat analogous.
  22. application/xhtml+xml support? by Logic+and+Reason · · Score: 2, Interesting

    Does anyone know whether IE7 finally supports the application/xhtml+xml MIME type? That would mean we can finally start serving XHTML pages the way they're supposed to get served, with no stupid browser detection. (I know, I know, IE6 will be around for the next six decades or so...)

    1. Re:application/xhtml+xml support? by Anonymous Coward · · Score: 3, Informative

      No, it doesn't.

  23. *Yawn* by Dracos · · Score: 2, Informative

    IE7's CSS (and other standards) support hasn't changed since RC1. They've said this.

    For a complete report on IE7's support, see WebDevout.com. For those thjo lazy (or embarrassed) to click the link, here's a summary of CSS 2.1 support:

    • Firefox: 100%
    • Opera 9: 86%
    • IE6: 43%
    • IE7: 43%

    In the grand scheme of things, what they did to improve IE7's CSS support is statistically insignificant. They basically took all the IE7 bug pages on the net and cherry picked what they felt like fixing.

    Make no mistake: IE7 is little more than a marketing effort attempting to stave off the rise of other demonstrably better browsers. The few fixes they did put in are going to cause even more problems for developers who decide to support it (I'm not) because of how, which, and in what context the bugs are fixed.

    1. Re:*Yawn* by Kjella · · Score: 5, Interesting

      You're quoting CSS 2.1 Conformance only. The full list of compliance tests (IE6,IE7,FF1.5,Opera 9, impossible to align well):
      CSS 2.1 Units 96% 96% Y 97%
      CSS 2.1 Importance I I Y Y
      CSS 2.1 At-rules 21% 21% 43% Y
      CSS 2.1 Basic selectors 23% 64% 86% 77%
      CSS 2.1 Pseudo-classes 29% 36% 93% 93%
      CSS 2.1 Pseudo-elements 25% 25% 63% 63%
      CSS 2.1 Basic properties 55% 58% 97% 97%
      CSS 2.1 Print properties 38% 38% 42% 92%
      CSS 2.1 Conformance 43% 43% Y 86%


      When you look at the grand total at the bottom here you get:

      CSS 2.1 support:
      IE 6: 51%
      IE 7: 57%
      Firefox 1.5: 91%
      Opera 9: 94%

      So, this shows that
      a) IE7 is an improvement over IE6 (though admittingly not impressive)
      b) Firefox isn't perfect, like you'd be mislead to believe
      c) Opera is actually the most standards-compliant browser

      But hey, there's lies, damn lies and statistics, but noone would ever use that to try to make closed-source appear worse than it is, and open source better than it is would they?

      --
      Live today, because you never know what tomorrow brings
  24. Re:WINE (does it run on linux?) by Dare+nMc · · Score: 2, Informative

    should have asked google first :(
    http://www.tatanka.com.br/ies4linux/news/28