internet explorer - How to make IE support min-width / max-width CSS properties? -
are these properties not considered standard css?
i'm using this, works on chrome 12, ff4, opera 11, , safari 5, on ie9 min-width not respected if width < min-width
.
<span style="float:left; width:11%; min-width:150px;"> ... </span>
edit: little annoyed @ liberal editing , migrating of question, w/e. here's fuller example shows clear difference in ie9 vs other browsers.
<html><body> <p style="width: 600px"> <span style="float: left; width: 11%; min-width: 150px">hello.</span> <span style="float: left; width: 11%">world.</span> </p> </body></html>
edit 2: noted in kevin's comment below, adding <!doctype html>
beginning solves ie issue.
if saying true, ie9 deviating form the spec. however, cannot duplicate complaint. using example, ie9 respects min-width
if width
less 150px
per this jsfiddle.
edit:
note: quirks mode follow different rules , not comply standard css in browser. if add doctype page, should resolve problem (add: <!doctype html>
).
to expand on issue, quirks mode not standardized. there things most browser implement, new features undefined in defacto standards. thus, browsers allowing new css used (as have observed), ie9 ignoring new css values, have no place in quirks mode.
Comments
Post a Comment