html - IE not applying styles from stylesheet -



html - IE not applying styles from stylesheet -

good day everyone. having weird issue ie. ie loading stylesheets correctly, not applying styles specific grouping of pseudo selectors.

i using foundation , icon font (icomoon) loads 1 stylesheet , has styles applied them another. chrome/safari/firefox correctly apply styles 'class':before elements. ie not. using f12 tools can see stylesheet loads , have verified using fiddler.

the css not beingness applied is:

.icon-bookmarks:before, .icon-blog:before, .icon-bullhorn:before, .icon-info2:before, .icon-lab:before, .icon-bookmarks2:before, .icon-bullhorn2:before, .icon-mail:before, .icon-blog2:before, .icon-graduation:before, .icon-user:before, .icon-users2:before { color: #fff; font-size: 6rem; position: absolute; top: 2.5rem; left: 38%; left: calc(50% - 5.5rem); border: 5px solid white; padding: 2.5rem; margin-top: 2.5rem; border-radius: 50%; } .icon-bullhorn:before, .icon-info2:before, .icon-lab:before, .icon-bookmarks2:before, .icon-mail:before, .icon-blog2:before, .icon-facebook:before, .icon-twitter:before, .icon-linkedin:before, .icon-graduation:before, .icon-user:before, .icon-users2:before { color: #3e729a; border-color: #3e729a; margin-top: 0; }

the html is:

<div id="featured" class="ss-style-triangles"> <div class="icon-bookmarks row"> <h1 class="white">featured event</h1> <!--content stripped--> </div> </div>

the head of document calls links follows:

<head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="description" content="#"> <meta name="keywords" content="#"> <title>ccip - ccc | home</title> <link rel="stylesheet" href="./css/normalize.css" /> <link rel="stylesheet" href="./css/foundation.min.css" /> <link rel="stylesheet" href="./icomoon/style.css" /> <link rel="stylesheet" href="./foundation-icons/foundation-icons.css" /> <link rel="stylesheet" href="./slick/slick.css"/> <link rel="stylesheet" href="./css/style.css" /> <script src="./js/vendor/modernizr.js"></script> </head>

a link development site is: here

i know simple overlooking can find life of me. help appreciated , can supply more info if needed.

thanks in advance.

when using :before not inserting dom, instead using css style content page. utilize position: absolute; have no width, no height , default, pseudo content flow inline.

to prepare page, add together display:inline-block on css properties using :before. tell pseudo elements behave block level elements , work expecting.

e.g.

.icon-bookmarks:before, .icon-blog:before, .icon-bullhorn:before, .icon-info2:before, .icon-lab:before, .icon-bookmarks2:before, .icon-bullhorn2:before, .icon-mail:before, .icon-blog2:before, .icon-graduation:before, .icon-user:before, .icon-users2:before { color: #fff; font-size: 6rem; position: absolute; top: 2.5rem; display:inline-block; /* <-- add together */ left: 38%; left: calc(50% - 5.5rem); border: 5px solid white; padding: 2.5rem; margin-top: 2.5rem; border-radius: 50%; }

html css internet-explorer cross-browser zurb-foundation

Comments

Post a Comment

Popular posts from this blog

xslt - DocBook 5 to PDF transform failing with error: "fo:flow" is missing child elements. Required content model: marker* -

xslt - DocBook 5 to PDF transform failing with error: "fo:flow" is missing child elements. Required content model: marker* - i've inherited doc publishing process takes docbook , builds html , pdf output, using apache fop both. project had been started, never completed. lots of tweaking, i've able of doc sets build (20+), except handful, , fail severe code 1 of these 2 conditions: "fo:flow" missing kid elements. required content model: marker* "fo:block" not valid kid of "fo:root" the xml output comes out of docbook , docbook-fop checks out well-formed. the fop error in 1 book, "endecagloss", example, points end of string: <fo:flow flow-name="xsl-region-body" start-indent="4pc" end-indent="0pt"/> here’s log output in case: [java] severe: javax.xml.transform.transformerexception: file:/scratch/publishing/hudson/jobs/build-main-endeca-documentation/workspace/serverdoc/w...
Read more

mediawiki - How do I insert tables inside infoboxes on Wikia pages? -

mediawiki - How do I insert tables inside infoboxes on Wikia pages? - i want insert tables in infoboxes. example, have proteinbox i've developed using infobox template (http://health-and-medicine.wikia.com/wiki/template:proteinbox), , fasta field big fit comfortably in proteinbox. hence collapsible table within box. this tried: {{infobox | row 1 = {| class = "mw-collapsible mw-collapsed wikitable" |- | <!-- table content --> |} }} your problem is, putting nested table within template. pipe characters ( | ) in table syntax collides pipe usage in templates. the commonly used hack around create template called template:! , containing pipe character, , utilize when need set tables, parser functions or other stuff using pipe characters, within templates. table (with every | replaced {{!}} ): {{{!}} {{!}}- {{!}} a1 {{!}} b1 {{!}}- {{!}} a2 {{!}} b2 {{!}}} ...the equivalent of {| |- | a1 | b1 |- | a2 | b2 |} furthermore, hav...
Read more

Local Service User Logged into Windows -

Local Service User Logged into Windows - i created windows service tracks app server user connected through load balancer. it retrieves user logged windows on machine, cross references active directory (ad) business relationship homecoming first name, lastly name , e-mail (for notification through website created project) there 1 scheme on network users remote system, vista system, reason returning values "local service" logged machine, it's weird , security guys impossible "local service" business relationship logged windows. here how user logged windows managementscope ms = new managementscope("\\\\.\\root\\cimv2"); objectquery query = new objectquery("select * win32_computersystem"); managementobjectsearcher searcher = new managementobjectsearcher(ms, query); foreach (managementobject mo in searcher.get()) { _username = mo["username"].tostring(); } // remove domain part username string[] usernameparts = _...
Read more