____/ [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
|
|