Home Messages Index
[Date Prev][Date Next][Thread Prev][Thread Next]
Author IndexDate IndexThread Index

Re: Microsoft's extremely broken Web "standards"

____/ [H]omer on Saturday 15 December 2007 06:51 : \____

> Just shopping for spare parts, and I came across this page:
> 
> http://www.sennheiserspares.com (commercial)
> 
> It's a very simple page, with little content, and what would be a simple
> layout *if* it actually rendered properly.
> 
> On Firefox-2.0.0.09 (Linux), this is what it /actually/ looks like:
> 
> http://media.slated.org/albums/userpics/sennheiser-spares.png
> 
> Why?
> 
> Let's see:
> 
> ######
> <html xmlns:v="urn:schemas-microsoft-com:vml"
> xmlns:o="urn:schemas-microsoft-com:office:office"
> xmlns:dt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882"
> xmlns="http://www.w3.org/TR/REC-html40";>
> 
> <head>
> <meta http-equiv=Content-Type content="text/html; charset=windows-1252">
> <link rel=File-List href="index_files/filelist.xml">
> <!--[if !mso]>
> <style>
> v\:* {behavior:url(#default#VML);}
> o\:* {behavior:url(#default#VML);}
> b\:* {behavior:url(#default#VML);}
> .shape {behavior:url(#default#VML);}
> </style>
> <![endif]-->
> <title>Home</title>
> 
> [...]
> 
> Brace yourself for this next bit. You may think you've seen html div
> elements before, but not like this. Introducing ... The Beast®:
> 
> <div style='position:absolute;width:7.9319in;height:11.5465in'>
> <!--[if gte vml 1]><v:rect id="_x0000_s1441"
> style='position:absolute;left:.15pt;
>  top:76.55pt;width:132.82pt;height:566.91pt;z-index:63;visibility:visible;
> 
mso-wrap-edited:f;mso-wrap-distance-left:2.88pt;mso-wrap-distance-top:2.88pt;
>  mso-wrap-distance-right:2.88pt;mso-wrap-distance-bottom:2.88pt'
> fillcolor="#ffebae"
>  stroked="f" strokecolor="black [0]" o:cliptowrap="t">
>  <v:stroke color2="white [7]">
>   <o:left v:ext="view" color="black [0]" color2="white [7]"/>
>   <o:top v:ext="view" color="black [0]" color2="white [7]"/>
>   <o:right v:ext="view" color="black [0]" color2="white [7]"/>
>   <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
>   <o:column v:ext="view" color="black [0]" color2="white [7]"/>
>  </v:stroke>
>  <v:shadow color="#ccc [4]"/>
>  <v:path insetpenok="f"/>
>  <o:lock v:ext="edit" shapetype="t"/>
>  <v:textbox inset="2.88pt,2.88pt,2.88pt,2.88pt"/>
> </v:rect><![endif]--><![if !vml]><span style='position:absolute;z-index:63;
> left:0px;top:102px;width:177px;height:756px'><img width=177 height=756
> src="index_files/image1819.gif"
> v:shapes="_x0000_s1441"></span><![endif]><!--[if gte vml 1]><v:line
>  id="_x0000_s1442" style='position:absolute;z-index:64;visibility:visible;
> 
mso-wrap-edited:f;mso-wrap-distance-left:2.88pt;mso-wrap-distance-top:2.88pt;
>  mso-wrap-distance-right:2.88pt;mso-wrap-distance-bottom:2.88pt'
> from="1.88pt,76.55pt"
>  to="569.43pt,76.55pt" strokecolor="#900" strokeweight="1.5pt"
> o:cliptowrap="t">
>  <v:stroke>
>   <o:left v:ext="view" color="black [0]" color2="white [7]"/>
>   <o:top v:ext="view" color="black [0]" color2="white [7]"/>
>   <o:right v:ext="view" color="black [0]" color2="white [7]"/>
>   <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
>   <o:column v:ext="view" color="black [0]" color2="white [7]"/>
>  </v:stroke>
>  <v:shadow color="#ccc [4]"/>
>  <v:path insetpenok="f"/>
> </v:line><![endif]--><![if !vml]><span style='position:absolute;z-index:64;
> left:1px;top:101px;width:760px;height:3px'><img width=760 height=3
> src="index_files/image1667.gif"
> v:shapes="_x0000_s1442"></span><![endif]><!--[if gte vml 1]><v:group
>  id="_x0000_s1443"
> style='position:absolute;left:165pt;top:759pt;width:387pt;
>  height:70.27pt;z-index:65' coordorigin="108358671,97269935"
> coordsize="5319065,892492">
>  <v:rect id="_x0000_s1444"
> style='position:absolute;left:108358671;top:97269935;
>   width:5319065;height:892492;visibility:hidden;mso-wrap-edited:f'
> stroked="f"
>   o:cliptowrap="t">
>   <v:fill recolor="t" rotate="t"/>
>   <v:stroke joinstyle="round">
>    <o:left v:ext="view" weight="0" on="t"/>
>    <o:top v:ext="view" weight="0" on="t"/>
>    <o:right v:ext="view" weight="0" on="t"/>
>    <o:bottom v:ext="view" weight="0" on="t"/>
>    <o:column v:ext="view" color="black [0]" color2="white [7]"/>
>   </v:stroke>
>   <v:imagedata cropbottom="16777215f" cropright="16777215f"/>
>   <v:path gradientshapeok="f" insetpenok="f" o:connecttype="segments"/>
>   <o:lock v:ext="edit" shapetype="t"/>
>   <v:textbox inset="2.88pt,2.88pt,2.88pt,2.88pt"/>
>  </v:rect><v:shapetype id="_x0000_t202" coordsize="21600,21600" o:spt="202"
>   path="m,l,21600r21600,l21600,xe">
>   <v:stroke joinstyle="miter"/>
>   <v:path gradientshapeok="t" o:connecttype="rect"/>
>  </v:shapetype><v:shape id="_x0000_s1445" type="#_x0000_t202" alt=""
> style='position:absolute;
> 
> left:108358671;top:97269935;width:5319065;height:892492;visibility:visible;
> 
> mso-wrap-edited:f;mso-wrap-distance-left:2.88pt;mso-wrap-distance-top:2.88pt;
>   mso-wrap-distance-right:2.88pt;mso-wrap-distance-bottom:2.88pt' filled="f"
>   fillcolor="white [7]" stroked="f" strokecolor="black [0]"
> o:cliptowrap="t">
>   <v:stroke dashstyle="dash">
>    <o:left v:ext="view" color="black [0]" color2="white [7]"/>
>    <o:top v:ext="view" color="black [0]" color2="white [7]"/>
>    <o:right v:ext="view" color="black [0]" color2="white [7]"/>
>    <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
>    <o:column v:ext="view" color="black [0]" color2="white [7]"/>
>   </v:stroke>
>   <v:shadow color="#ccc [4]"/>
>   <v:path insetpenok="f"/>
>   <o:lock v:ext="edit" shapetype="t"/>
>   <v:textbox style='mso-column-margin:5.76pt'
> inset="2.88pt,2.88pt,2.88pt,2.88pt">
>    <div dir=ltr>
>    <p class=MsoNormal><span style='language:EN'>Home | </span><span
>    style='language:EN'><a
> href="index_files/Page449.html">Headphones/Batteries</a></span><span
>    style='language:EN'> |</span><span style='language:EN'> </span><span
>    style='language:EN'><a
> href="index_files/Page592.html">Earpads</a></span><span
>    style='language:EN'> | </span><span style='language:EN'><a
>    href="index_files/Page738.html">Cables</a></span><span
> style='language:EN'> | </span><span
>    style='language:EN'><a
> href="index_files/Page944.html">Headbands</a></span><span
>    style='language:EN'> | </span><span style='language:EN'><a
>    href="index_files/Page1096.html">Capsules</a></span><span
> style='language:
>    EN'> | </span><span style='language:EN'><a
> href="index_files/Page1248.html">Order Form</a></span></p>
>    </div>
>   </v:textbox>
>  </v:shape></v:group><![endif]--><![if !vml]><span style='position:absolute;
> z-index:65;left:219px;top:1011px;width:518px;height:96px'><img width=518
> height=96 src="index_files/image1515.gif" v:shapes="_x0000_s1443
> _x0000_s1445"></span><![endif]><!--[if gte vml 1]><v:shape
>  id="_x0000_s1446" type="#_x0000_t202" style='position:absolute;left:165pt;
>  top:663pt;width:205.68pt;height:28.3pt;z-index:66;visibility:visible;
> 
mso-wrap-edited:f;mso-wrap-distance-left:2.88pt;mso-wrap-distance-top:2.88pt;
>  mso-wrap-distance-right:2.88pt;mso-wrap-distance-bottom:2.88pt' filled="f"
>  fillcolor="black [0]" stroked="f" strokecolor="#fc3" strokeweight="0"
>  o:cliptowrap="t">
>  <v:fill color2="white [7]"/>
>  <v:stroke dashstyle="dash">
>   <o:left v:ext="view" color="black [0]" color2="white [7]"/>
>   <o:top v:ext="view" color="black [0]" color2="white [7]"/>
>   <o:right v:ext="view" color="black [0]" color2="white [7]"/>
>   <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
>   <o:column v:ext="view" color="black [0]" color2="white [7]"/>
>  </v:stroke>
>  <v:shadow color="#ccc [4]"/>
>  <v:path insetpenok="f"/>
>  <o:lock v:ext="edit" shapetype="t"/>
>  <v:textbox style='mso-column-margin:2mm'
> inset="2.85pt,2.85pt,2.85pt,2.85pt"/>
> </v:shape><![endif]--><![if !vml]><span style='position:absolute;z-index:66;
> left:220px;top:884px;width:275px;height:38px'>
> 
> ######
> 
> Oh ... my ... God!
> 
> WTF is *that* crap?!?!?!?
> 
> That page is 53K in size. I could do it in about one tenth of that ...
> with exactly the same (intended) layout. With one important difference
> though ... it would actually render properly because it would use real
> industry standards, and not Microsoft's alien gibberish.
> 
> It could be worse I suppose, at least that page /rendered/ ... barely.
> 
> This one didn't:
> 
> http://media.slated.org/albums/userpics/Microsofts_b0rken_Web.png
> 
> *Microsoft and their proprietary garbage are a disease.*

[Not snipped to repeat ugliness]

And some people *still* wonder why Microsoft needed to resrot to crime in its
pursuit for acceptance of OOXML, which it /will/ 'extend' over time. As for
the Web, the worse is yet to come.

ECIS Accuses Microsoft of Plotting HTML Hijack

,----[ Quote ]
| An industry coalition that has represented competitors of Microsoft
| in European markets before the European Commission stepped up its
| public relations offensive this morning, this time accusing
| Microsoft of scheming to upset HTML's place in the fabric of
| the Internet with XAML, an XML-based layout lexicon forn
| etwork applications.
`----

http://www.betanews.com/article/ECIS_Accuses_Microsoft_of_Plotting_HTML_Hijack/1169824569

Microsoft is already working on some 'exclusive' films (Jackass 2.5) in
Silverlight. Sweaty wants a new pair of shackles for a rebellious world.

Opera and Holland will hopefully get their way against the bully, which has
already resort to spinning, lying and even threats in both cases.

Microsoft: Be afraid, be very afraid

,----[ Quote ]
| Here’s a scary thought: Microsoft can take over your computer wherever you 
| are, and do whatever it wants to.
`----

http://weblog.infoworld.com/robertxcringely/archives/2007/10/microsoft_the_f.html

-- 
                ~~ Best of wishes

A computer is like air conditioning: it becomes useless when you open windows.
                                                 ~Linus Torvalds

[Date Prev][Date Next][Thread Prev][Thread Next]
Author IndexDate IndexThread Index