css3 - Centered block in IE9 and/or earlier version -
I can not fix a problem with focusing the block of contents in IE9. I tried different things from the web, did not work. If possible, I appreciate it that it can be hosted anywhere, where I am working on it.
I have defined the principle:
& Lt; Title & gt; Test & lt; / Title & gt; & Lt ;! - [if IE] & gt; & Lt; Meta http-equiv = "X-UA-Compatible" content = "IE = EmulateIE7" /> & Lt; [Endif] - & gt; I tried to add it to the head section, even after commenting instead of "emulet ii 7" with "izui" or "edge", did not work: & lt; Meta http-equiv = "X-UA-Compatible" content = "IE = Edges" /> Firefox / Chrome:
IE 9:
CSS:
.zone {Width: 0; Height: 0; Border: Solid transparent; }. Container {boundary: 4px solid # 666; Status: Relative; Swim left; Margin: 2px; } .zone-label {background-color: # 666; White color; Font-size: 25px; font-weight: bold; Padding: 0 5px; Status: Completed; Margin: 0-50% 0 0; Top: 50%; Left: 50%; Conversions: Translation (-50%, -50%); } .layout {/ * position: relative; * /}. Clear {clear: both; }. Zone-green-949 (border width: 120px 475px; border color: black green;}. Container-green-949 {width: 949xx;}. Zone-blue -308 {border width: 76px 154px ; Border color: black blue;} Container-blue -308 {width: 308 px;} .Jon-purple-629 {border width: 15 9px 315px; border color: black purple;}. Container-purple-629 {Width: 629 pixels;} HTML:
gt; div & gt; & lt; Div class = "container container-violet-629" & gt; div class = "zone area-purple-629"> gt; span class = "zone-label" & gt; slider & lt; / Span & gt; & lt; / div & gt; & lt; / div & gt; & lt; div class = "container container-blue-308" & gt; & lt; div class = "zone area-blue-308 "& Gt; & lt; span class =" zone-label "& gt; Zone 1 & lt; / Span & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div style = "clear: true;" & Gt; & Lt; Div class = "container container-blue-308" & gt; & Lt; Div square = "zone area-blue-308" & gt; & Lt; Span class = "zone-label" & gt; Facebook fan & lt; / Span & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; Edit: Answer is to add it (see Heym Kolami's comment below): - MA-Transform: Translation (-50%, -50% Answer: This is to be added (comment by HHM Clemy) See): - MMS-conversion: translations (-50%, -50%);
Comments
Post a Comment