html - IE8 outright ignoring CSS styling -
let's have css:
.tbl-div > h1 { border-bottom: 1px solid black; display: block; font-size: 25px; margin: 10px -15px 30px -10px; padding: 0 0 0 40px; } .tbl-div > h1 > span { color: #006ec7; display: block; font-size: 14px; }
so let's there's styling simple output div. dom such
<div class="tbl-div"> <h1>*title*<br><span>*subtitle*</span></h1> *content goes here* </div>
the idea header section there large text, below subtitle in smaller text , blue font. here's kicker. works everywhere iframe. once goes iframe, page utterly thinks css isn't there, , in case. appears giant string of text 25px in font.
no other browser this. , it's these properties, , in iframe.
what happening?
i checked it, working fine me. make sure document structure proper. use iframe webpage this:
<iframe src="file-containing-source.html"></iframe>
i made here. see this: http://codepen.io/mustagheesbutt/pen/rnxpey
Comments
Post a Comment