Basic HTML5/CSS3 Question.

Question

Hi,

I read this page  { http://www.w3schools.com/cssref/css3_pr_box-align.asp }  and this has raised  a question in my mind.

Why is that IE, firebox, chrome has different way to represent css style "display"

like IE  "display:-ms-flexbox;"  and chrome "display:-webkit-box;"

yet they both claim to be standard html5 compliance, where as W3c body has defined it as "display:box;"

Why is this difference ?

-Regards

Answer 1

See this link: http://msdn.microsoft.com/en-us/library/ie/hh673531(v=vs.85).aspx

The flexbox container

To enable flexbox layout, you must first create a flexbox container. Do this by setting the display property of an element to either "-ms-flexbox" (for a block-level flexbox container) or "-ms-inline-flexbox" (for an inline flexbox container). (Because of the preliminary status of the CSS Flexible Box Layout Module draft, this value and all the properties in this section must be used with the Microsoft-specific vendor prefix, "-ms-", to work with Internet Explorer 10 and Windows Store apps using JavaScript in Windows 8.)

---

Windows Store Developer Solutions, follow us on Twitter: @WSDevSol|| Want more solutions? See our blog

Answer 2

Dear Prashant,

 My question is not specific to flexbox,  it was just an example.  

My question is that why those vendor specific prefix is necessary, when wc3 has already specified the syntax as "display:box;".

and in-spite of that ie10 is said to be wc3 html5/css3 compliance?   I don;t understand.

-Regards